[JS源码]超长文章自动分页（客户端版）_javascript技巧

复制代码 代码如下:

nbsp;HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
 
 
 
 
 
 
 
 
 
 
header 

 

 
footer 
<script> <BR><!-- <BR>s="<p>女老师竭力向孩子们证明，学习好功课的重要性。 <p>她说：“牛顿坐在树下，眼睛盯着树在思考，这时，有一个苹果落在他的头上，于是他发现了万有引力定律，孩子们，你们想想看，做一位伟大的科学家多么好，多么神气啊，要想做到这一点，就必须好好学习。” <p>“班上一个调皮鬼对此并不满意。他说：“兴许是这样，可是，假如他坐在学校里，埋头书本，那他就什么也发现不了啦。” <p>女老师竭力向孩子们证明，学习好功课的重要性。 <p>她说：“牛顿坐在树下，眼睛盯着树在思考，这时，有一个苹果落在他的头上，于是他发现了万有引力定律，孩子们，你们想想看，做一位伟大的科学家多么好，多么神气啊，要想做到这一点，就必须好好学习。” <p>“班上一个调皮鬼对此并不满意。他说：“兴许是这样，可是，假如他坐在学校里，埋头书本，那他就什么也发现不了啦。” <p>女老师竭力向孩子们证明，学习好功课的重要性。 <p>她说：“牛顿坐在树下，眼睛盯着树在思考，这时，有一个苹果落在他的头上，于是他发现了万有引力定律，孩子们，你们想想看，做一位伟大的科学家多么好，多么神气啊，要想做到这一点，就必须好好学习。” <p>“班上一个调皮鬼对此并不满意。他说：“兴许是这样，可是，假如他坐在学校里，埋头书本，那他就什么也发现不了啦。” <p>女老师竭力向孩子们证明，学习好功课的重要性。 <p>她说：“牛顿坐在树下，眼睛盯着树在思考，这时，有一个苹果落在他的头上，于是他发现了万有引力定律，孩子们，你们想想看，做一位伟大的科学家多么好，多么神气啊，要想做到这一点，就必须好好学习。” <p>“班上一个调皮鬼对此并不满意。他说：“兴许是这样，可是，假如他坐在学校里，埋头书本，那他就什么也发现不了啦。” <p>女老师竭力向孩子们证明，学习好功课的重要性。 <p>她说：“牛顿坐在树下，眼睛盯着树在思考，这时，有一个苹果落在他的头上，于是他发现了万有引力定律，孩子们，你们想想看，做一位伟大的科学家多么好，多么神气啊，要想做到这一点，就必须好好学习。” <p>“班上一个调皮鬼对此并不满意。他说：“兴许是这样，可是，假如他坐在学校里，埋头书本，那他就什么也发现不了啦。” "; <br><br>// 封装DHTMLpagenation <br><br>function DHTMLpagenation(content) { with (this) <BR>{ <BR> // client static html file pagenation <BR> // Scipit by blueDestiny,never-online, www.never-online.net <br><br> this.content=content; // 内容 <BR> this.contentLength=content.length; // 内容长度 <BR> this.pageSizeCount; // 总页数 <BR> this.perpageLength=100; //default perpage byte length. <BR> this.currentPage=1; // 起始页为第1页 <BR> //this.regularExp=/.+[\?\&]{1}page=(\d+)/; <BR> this.regularExp=/\d+/; // 建立正则表达式，匹配数字型字符串。 <br><br> this.divDisplayContent; <BR> this.contentStyle=null; <BR> this.strDisplayContent=""; <BR> this.divDisplayPagenation; <BR> this.strDisplayPagenation=""; <br><br> // 把第二个参数赋给perpageLength; <BR> arguments.length==2?perpageLength=arguments[1]:''; <br><br> try { <BR> divExecuteTime=document.createElement("DIV"); <BR> document.body.appendChild(divExecuteTime); <BR> } <BR> catch(e) <BR> { <BR> } <br><br> // 得到divPagenation容器。 <BR> if(document.getElementById("divPagenation")) <BR> { <BR> divDisplayPagenation=document.getElementById("divPagenation"); <BR> } <BR> else <BR> { <BR> try <BR> { <BR> divDisplayPagenation=document.createElement("DIV"); <BR> divDisplayPagenation.id="divPagenation"; <BR> document.body.appendChild(divDisplayPagenation); <BR> } <BR> catch(e) <BR> { <BR> return false; <BR> } <BR> } <br><br> // 得到divContent容器 <BR> if(document.getElementById("divContent")) <BR> { <BR> divDisplayContent=document.getElementById("divContent"); <BR> } <BR> else <BR> { <BR> try <BR> { <BR> divDisplayContent=document.createElement("DIV"); <BR> divDisplayContent.id="divContent"; <BR> document.body.appendChild(divDisplayContent); <BR> } <BR> catch(e) <BR> { <BR> return false; <BR> } <BR> } <br><br> DHTMLpagenation.initialize(); <BR> return this; <br><br>}}; <br><br>//初始化分页； <BR>//包括把加入CSS，检查是否需要分页 <BR>DHTMLpagenation.initialize=function() { with (this) <BR>{ <BR> divDisplayContent.className=contentStyle!=null?contentStyle:"divContent"; <BR> if(contentLength<=perpageLength) <BR> { <BR> strDisplayContent=content; <BR> divDisplayContent.innerHTML=strDisplayContent; <BR> return null; <BR> } <br><br> pageSizeCount=Math.ceil((contentLength/perpageLength)); <br><br> DHTMLpagenation.goto(currentPage); <BR> DHTMLpagenation.displayContent(); <BR>}}; <br><br>//显示分页栏 <BR>DHTMLpagenation.displayPage=function() { with (this) <BR>{ <BR> strDisplayPagenation="分页："; <br><br> if(currentPage&&currentPage!=1) <BR> strDisplayPagenation+='<a href="javascript:void(0)" onclick="DHTMLpagenation.previous()">上一页 '; <BR> else <BR> strDisplayPagenation+="上一页 "; <br><br> for(var i=1;i<=pageSizeCount;i++) <BR> { <BR> if(i!=currentPage) <BR> strDisplayPagenation+='<a href="javascript:void(0)" onclick="DHTMLpagenation.goto('+i+');">'+i+' '; <BR> else <BR> strDisplayPagenation+=i+" "; <BR> } <br><br> if(currentPage&&currentPage!=pageSizeCount) <BR> strDisplayPagenation+='<a href="javascript:void(0)" onclick="DHTMLpagenation.next()">下一页 '; <BR> else <BR> strDisplayPagenation+="下一页 "; <br><br> strDisplayPagenation+="共 " + pageSizeCount + " 页，每页" + perpageLength + " 字符，调整字符数：<input type='text' value='"+perpageLength+"' id='ctlPerpageLength'><input type='button' value='确定' onclick='DHTMLpagenation.change(document.getElementById(\"ctlPerpageLength\").value);'>"; <br><br> divDisplayPagenation.innerHTML=strDisplayPagenation; <BR>}}; <BR>//上一页 <BR>DHTMLpagenation.previous=function() { with(this) <BR>{ <BR> DHTMLpagenation.goto(currentPage-1); <BR>}}; <BR>//下一页 <BR>DHTMLpagenation.next=function() { with(this) <BR>{ <BR> DHTMLpagenation.goto(currentPage+1); <BR>}}; <BR>//跳转至某一页 <BR>DHTMLpagenation.goto=function(iCurrentPage) { with (this) <BR>{ <BR> startime=new Date(); <BR> if(regularExp.test(iCurrentPage)) <BR> { <BR> currentPage=iCurrentPage; <BR> strDisplayContent=content.substr((currentPage-1)*perpageLength,perpageLength); <BR> } <BR> else <BR> { <BR> alert("page parameter error!"); <BR> } <BR> DHTMLpagenation.displayPage(); <BR> DHTMLpagenation.displayContent(); <BR>}}; <BR>//显示当前页内容 <BR>DHTMLpagenation.displayContent=function() { with (this) <BR>{ <BR> divDisplayContent.innerHTML=strDisplayContent; <BR>}}; <BR>//改变每页的字节数 <BR>DHTMLpagenation.change=function(iPerpageLength) { with(this) <BR>{ <BR> if(regularExp.test(iPerpageLength)) <BR> { <BR> DHTMLpagenation.perpageLength=iPerpageLength; <BR> DHTMLpagenation.currentPage=1; <BR> DHTMLpagenation.initialize(); <BR> } <BR> else <BR> { <BR> alert("请输入数字"); <BR> } <BR>}}; <br><br>// 接口API <BR>// DHTMLpagenation(strContent[,perpageLength]) <br><br>DHTMLpagenation(s,100); <br><br>// Power By blueDestiny,never-online <BR>//--> <BR></script>