自己封裝的JS分頁功能 用於搭配後台使用

* 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);

一般使用方式：

1

page(
8});9/*
{} 是乙個引數物件，其引數詳細如下：
10|- dom      ：乙個dom物件，用於儲存生成的頁碼。
11|- total    : 總頁數。
12|- padding  : 生成的間隔,預設間隔為2個。
13|- detailed : 是否出現首頁及尾頁
14|- fn       : 當前頁碼的**函式。
15*/

高階使用方式：在介面中**

1

function
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...