教你如何分頁玩轉客戶端靜態頁面

2024-05-06 15:44:55

字體：大中小

來源：轉載

供稿：網友

header

footer

她說：“牛頓坐在樹下，眼睛盯著樹在思考，這時，有一個蘋果落在他的頭上，于是他發現了萬有引力定律，孩子們，你們想想看，做一位偉大的科學家多么好，多么神氣啊，要想做到這一點，就必須好好學習。”

“班上一個調皮鬼對此并不滿意。他說：“興許是這樣，可是，假如他坐在學校里，埋頭書本，那他就什么也發現不了啦。”

女老師竭力向孩子們證明，學習好功課的重要性。

“班上一個調皮鬼對此并不滿意。他說：“興許是這樣，可是，假如他坐在學校里，埋頭書本，那他就什么也發現不了啦。”

女老師竭力向孩子們證明，學習好功課的重要性。

“班上一個調皮鬼對此并不滿意。他說：“興許是這樣，可是，假如他坐在學校里，埋頭書本，那他就什么也發現不了啦。”

女老師竭力向孩子們證明，學習好功課的重要性。

“班上一個調皮鬼對此并不滿意。他說：“興許是這樣，可是，假如他坐在學校里，埋頭書本，那他就什么也發現不了啦。”

女老師竭力向孩子們證明，學習好功課的重要性。

“班上一個調皮鬼對此并不滿意。他說：“興許是這樣，可是，假如他坐在學校里，埋頭書本，那他就什么也發現不了啦。”

";
function DHTMLpagenation(content) { with (this)
{
?// client static html file pagenation

?this.content=content;
?this.contentLength=content.length;
?this.pageSizeCount;
?this.perpageLength=100; //default perpage byte length.
?this.currentPage=1;
?//this.regularExp=/.+[/?/&]{1}page=(/d+)/;
?this.regularExp=//d+/;

?this.divDisplayContent;
?this.contentStyle=null;
?this.strDisplayContent="";
?this.divDisplayPagenation;
?this.strDisplayPagenation="";

?arguments.length==2?perpageLength=arguments[1]:'';

?try {
??divExecuteTime=document.createElement("DIV");
??document.body.appendChild(divExecuteTime);
?}
?catch(e)
?{
?}
?if(document.getElementById("divContent"))
?{
??divDisplayContent=document.getElementById("divContent");
?}
?else
?{
??try
??{
???divDisplayContent=document.createElement("DIV");
???divDisplayContent.id="divContent";
???document.body.appendChild(divDisplayContent);
??}
??catch(e)
??{
???return false;
??}
?}

?if(document.getElementById("divPagenation"))
?{
??divDisplayPagenation=document.getElementById("divPagenation");
?}
?else
?{
??try
??{
???divDisplayPagenation=document.createElement("DIV");
???divDisplayPagenation.id="divPagenation";
???document.body.appendChild(divDisplayPagenation);
??}
??catch(e)
??{
???return false;
??}
?}

?DHTMLpagenation.initialize();
?return this;

}};
DHTMLpagenation.initialize=function() { with (this)
{
?divDisplayContent.className=contentStyle!=null?contentStyle:"divContent";
?if(contentLength ?{
??strDisplayContent=content;
??divDisplayContent.innerHTML=strDisplayContent;
??return null;
?}

?pageSizeCount=Math.ceil((contentLength/perpageLength));

?DHTMLpagenation.goto(currentPage);
?DHTMLpagenation.displayContent();
}};
DHTMLpagenation.displayPage=function() { with (this)
{
?strDisplayPagenation="分頁：";

?if(currentPage&¤tPage!=1)
??strDisplayPagenation+='上一頁??';
?else
??strDisplayPagenation+="上一頁??";

?for(var i=1;i ?{
??if(i!=currentPage)
???strDisplayPagenation+=''+i+'??';
??else
???strDisplayPagenation+=i+"??";
?}

?if(currentPage&¤tPage!=pageSizeCount)
??strDisplayPagenation+='下一頁??';
?else
??strDisplayPagenation+="下一頁??";

?strDisplayPagenation+="共 " + pageSizeCount + " 頁，每頁" + perpageLength + " 字符，調整字符數：";

?divDisplayPagenation.innerHTML=strDisplayPagenation;
}};
DHTMLpagenation.previous=function() { with(this)
{
?DHTMLpagenation.goto(currentPage-1);
}};
DHTMLpagenation.next=function() { with(this)
{
?DHTMLpagenation.goto(currentPage+1);
}};
DHTMLpagenation.goto=function(iCurrentPage) { with (this)
{
?startime=new Date();
?if(regularExp.test(iCurrentPage))
?{
??currentPage=iCurrentPage;
??strDisplayContent=content.substr((currentPage-1)*perpageLength,perpageLength);
?}
?else
?{
??alert("page parameter error!");
?}
?DHTMLpagenation.displayPage();
?DHTMLpagenation.displayContent();
}};
DHTMLpagenation.displayContent=function() { with (this)
{
?divDisplayContent.innerHTML=strDisplayContent;
}};
DHTMLpagenation.change=function(iPerpageLength) { with(this)
{
?if(regularExp.test(iPerpageLength))
?{
??DHTMLpagenation.perpageLength=iPerpageLength;
??DHTMLpagenation.currentPage=1;
??DHTMLpagenation.initialize();
?}
?else
?{
??alert("請輸入數字");
?}
}};