* * 【文字比較外掛程式】
* 傳遞兩個引數dom1、dom2,以dom1為基準進行比較。
* 0)dom1和dom2不能都為空;
* 1)如果dom1不存在,則dom2為新增效果
* 2)如果dom2不存在,則dom1為刪除效果
* 3)如果dom1和dom2存在,則進行文字差異比較 *
*/(function
(window,document)
else
if(!dom1)
else
if(!dom2)
else
); dom1.innerhtml =result.value1;
dom2.innerhtml =result.value2;}}
function
_eq(op)
if(!op.value1_style)
if(!op.value2_style)
if(!op.eq_min)
if(!op.eq_index)
if (!op.value1 || !op.value2)
var ps =;
while (ps.v1_i < op.value1.length && ps.v2_i
if (ps.v2_i >=op.value2.length)
} else
else
if (ps.v1_eq_length > 0)
ps.v1_eq_length = 0;
break;//
只尋找最近的
} ps.v1_index = 1;
}if (ps.v1_eq_max
ps.v2_index = ps.v2_i 1;
ps.v2_eq_length = 0;
ps.v2_eq_max = 0;
ps.v2_start = ps.v2_i 1;
while (ps.v2_index
else
if (ps.v2_eq_length > 0)
ps.v1_eq_length = 0;
break;//
只尋找最近的
} ps.v2_index = 1;
}if (ps.v2_eq_max
if (ps.v1_eq_max < op.eq_min && ps.v1_start - ps.v1_i >op.eq_index)
if (ps.v2_eq_max < op.eq_min && ps.v2_start - ps.v2_i >op.eq_index)
if ((ps.v1_eq_max == 0 && ps.v2_eq_max == 0))
if (ps.v2_i >=op.value2.length)
} else
if (ps.v1_eq_max >ps.v2_eq_max)
else}}
op.value1 =ps.v1_new_value;
op.value2 =ps.v2_new_value;
return
op; }
window.comparetxt =mycompare;
})(window,document);
doctype html
>
<
html
>
<
head
>
<
meta
charset
="utf-8"
>
<
title
>360手機瀏覽器**新人專享禮包
title
>
<
style
>
html,body
fieldset
style
>
head
>
<
body
>
<
fieldset
>
<
legend
>新增效果
legend
>
<
div
id="div1"
>1111111
div>
<
div
id="div2"
>2211122
div>
fieldset
>
<
fieldset
>
<
legend
>刪除效果
legend
>
<
div
id="div3"
>1111111
div>
<
div
id="div4"
>2211122
div>
fieldset
>
<
fieldset
>
<
legend
>差異效果
legend
>
<
div
id="div5"
>1111111
div>
<
div
id="div6"
>2211122
div>
fieldset
>
<
script
src="compare.js"
>
script
>
<
script
>
//新增效果
comparetxt(
null
,document.getelementbyid(
'div2
'));
//刪除效果
comparetxt(document.getelementbyid(
'div3'),
null
);
//差異效果
comparetxt(document.getelementbyid(
'div5
'),document.getelementbyid(
'div6
'));
script
>
body
>
html
>
web前端js外掛程式記錄本
vue官網 github layui官網 gitee githublayer官網 github layxgitee xtiper演示位址 gitee jdialog演示位址 gitee echarts官網 github datatables官網 github antv官網 gitee github ...
前端常用外掛程式
右鍵外掛程式 下拉多級選單 載入進度條 頁面載入特效 上拉載入更多 下拉重新整理 延時載入 表情包外掛程式 右下角提示外掛程式 左 對話方塊 針對某個元素的提示外掛程式 聯動外掛程式 jquery highcharttable html轉換圖表 篩選與排序 jquery拖放外掛程式 jquery搜尋...
前端外掛程式資源
1 echart 2 highcharts highcharts 演示 highcharts 3 amaze的模板庫裡面的 有玫瑰圖 各種好看的餅圖 柱圖 折線圖 有的也有蜘蛛網圖 到時候用的時候去找就好了。wpaint jpainter 完全無用 1 d3.js 使用svg技術,展示大資料量,動態...