* 2017.5.11 增加了迭代**功能,用於實現實時的頁數展示與分頁資料請求。
* 2016.7.03 修復bug,優化**邏輯
* 2016.5.25 修復如果找不到目標物件的錯誤丟擲。
* 2016.5.11 修復當實際頁數(pagenumber)小於生成的頁碼間隔數時的bug
* 2016.4.3 實現原生js分頁功能
1;2 (function
(root)
2122
this.dom && this.total && this
.core();
2324
}25 page.prototype.core = function
(curentpagenumber)
3132
if (this.cur > 1)
3738
39if (this.total > this.padding * 2 + 1) else
if (this.cur > this.padding && this.total >= this.cur + this.padding) else
50 } else
5455
56for (; this.start <= this.end; this.start++) else62}
63if (this.cur < this.total - 1)
67if (this.cur < this
.total)
7071
72this.dom.innerhtml = a.join('');
73this
.bind();
74};
7576 page.prototype.bind = function
() 100 _this.fn &&_this.fn(_this.cur);
101_this.core();
102}
103};
104105
};106
107 root.page =page;
108109 })(window);
一般使用方式:
1page(
8});9/*
{} 是乙個引數物件,其引數詳細如下:
10|- dom :乙個dom物件,用於儲存生成的頁碼。
11|- total : 總頁數。
12|- padding : 生成的間隔,預設間隔為2個。
13|- detailed : 是否出現首頁及尾頁
14|- fn : 當前頁碼的**函式。
15*/
高階使用方式:在介面中**
1function
getdata(pagenum) , function
(data)
13});14}
15})
16 }
JS封裝自己的scrollTop left
首先,什麼是scroll,scroll就是用來獲得滾動長度的 scroll也是同理,但是它的寫法有如下規則 谷歌瀏覽器 和沒有宣告 dtd document.body.scrolltop 火狐 和其他瀏覽器 document.documentelement.scrolltop ie9 和 最新瀏覽器...
自己封裝的js工具
1 封裝函式insertafter 功能類似insertbefore 23 var div document.getelementsbytagname div 0 4var span document.createelement span 5var a document.getelementsbyt...
封裝屬於自己的JS元件
function 2.將呼叫時候傳過來的引數和default引數合併 options extend fn.combobox.defaults,options 3.新增預設值 vartarget this target.attr valuefield options.valuefield target...