客户端静态页面玩分页

  1<style>   
  2* {    
  3  font-size:10.2pt;    
  4  font-family:tahoma;    
  5  line-height:150%;    
  6}    
  7.divContent    
  8{    
  9  border:1px solid red;    
 10  background-color:#FFD2D3;    
 11  width:500px;    
 12  word-break:break-all;    
 13  margin:10px 0px 10px;    
 14  padding:10px;    
 15}    
 16</style>   
 17   
 18header    
 19<div id="divPagenation"></div>   
 20<div id="divContent"></div>   
 21footer    
 22<script language="jscript">   
 23<!--    
 24s="<p>女老师竭力向孩子们证明，学习好功课的重要性。 </p><p>她说：“牛顿坐在树下，眼睛盯着树在思考，这时，有一个苹果落在他的头上，于是他发现了万有引力定律，孩子们，你们想想看，做一位伟大的科学家多么好，多么神气啊，要想做到这一点，就必须好好学习。” </p><p>“班上一个调皮鬼对此并不满意。他说：“兴许是这样，可是，假如他坐在学校里，埋头书本，那他就什么也发现不了啦。” </p><p>女老师竭力向孩子们证明，学习好功课的重要性。 </p><p>她说：“牛顿坐在树下，眼睛盯着树在思考，这时，有一个苹果落在他的头上，于是他发现了万有引力定律，孩子们，你们想想看，做一位伟大的科学家多么好，多么神气啊，要想做到这一点，就必须好好学习。” </p><p>“班上一个调皮鬼对此并不满意。他说：“兴许是这样，可是，假如他坐在学校里，埋头书本，那他就什么也发现不了啦。” </p><p>女老师竭力向孩子们证明，学习好功课的重要性。 </p><p>她说：“牛顿坐在树下，眼睛盯着树在思考，这时，有一个苹果落在他的头上，于是他发现了万有引力定律，孩子们，你们想想看，做一位伟大的科学家多么好，多么神气啊，要想做到这一点，就必须好好学习。” </p><p>“班上一个调皮鬼对此并不满意。他说：“兴许是这样，可是，假如他坐在学校里，埋头书本，那他就什么也发现不了啦。” </p><p>女老师竭力向孩子们证明，学习好功课的重要性。 </p><p>她说：“牛顿坐在树下，眼睛盯着树在思考，这时，有一个苹果落在他的头上，于是他发现了万有引力定律，孩子们，你们想想看，做一位伟大的科学家多么好，多么神气啊，要想做到这一点，就必须好好学习。” </p><p>“班上一个调皮鬼对此并不满意。他说：“兴许是这样，可是，假如他坐在学校里，埋头书本，那他就什么也发现不了啦。” </p><p>女老师竭力向孩子们证明，学习好功课的重要性。 </p><p>她说：“牛顿坐在树下，眼睛盯着树在思考，这时，有一个苹果落在他的头上，于是他发现了万有引力定律，孩子们，你们想想看，做一位伟大的科学家多么好，多么神气啊，要想做到这一点，就必须好好学习。” </p><p>“班上一个调皮鬼对此并不满意。他说：“兴许是这样，可是，假如他坐在学校里，埋头书本，那他就什么也发现不了啦。” </p>";    
 25function DHTMLpagenation(content) { with (this)    
 26{    
 27  // client static html file pagenation    
 28   
 29  this.content=content;    
 30  this.contentLength=content.length;    
 31  this.pageSizeCount;    
 32  this.perpageLength=100; //default perpage byte length.    
 33  this.currentPage=1;    
 34  //this.regularExp=/.+[\?\&]page=(\d+)/;    
 35  this.regularExp=/\d+/;    
 36   
 37  this.divDisplayContent;    
 38  this.contentStyle=null;    
 39  this.strDisplayContent="";    
 40  this.divDisplayPagenation;    
 41  this.strDisplayPagenation="";    
 42      
 43  arguments.length==2?perpageLength=arguments[1]:'';    
 44   
 45  try {    
 46    divExecuteTime=document.createElement("DIV");    
 47    document.body.appendChild(divExecuteTime);    
 48  }    
 49  catch(e)    
 50  {    
 51  }    
 52  if(document.getElementById("divContent"))    
 53  {    
 54    divDisplayContent=document.getElementById("divContent");    
 55  }    
 56  else    
 57  {    
 58    try    
 59    {    
 60      divDisplayContent=document.createElement("DIV");    
 61      divDisplayContent.id="divContent";    
 62      document.body.appendChild(divDisplayContent);    
 63    }    
 64    catch(e)    
 65    {    
 66      return false;    
 67    }    
 68  }    
 69   
 70  if(document.getElementById("divPagenation"))    
 71  {    
 72    divDisplayPagenation=document.getElementById("divPagenation");    
 73  }    
 74  else    
 75  {    
 76    try    
 77    {    
 78      divDisplayPagenation=document.createElement("DIV");    
 79      divDisplayPagenation.id="divPagenation";    
 80      document.body.appendChild(divDisplayPagenation);    
 81    }    
 82    catch(e)    
 83    {    
 84      return false;    
 85    }    
 86  }    
 87   
 88  DHTMLpagenation.initialize();    
 89  return this;    
 90      
 91}};    
 92DHTMLpagenation.initialize=function() { with (this)    
 93{    
 94  divDisplayContent.className=contentStyle!=null?contentStyle:"divContent";    
 95  if(contentLength<=perpageLength)    
 96  {    
 97    strDisplayContent=content;    
 98    divDisplayContent.innerHTML=strDisplayContent;    
 99    return null;    
100  }    
101   
102  pageSizeCount=Math.ceil((contentLength/perpageLength));    
103   
104  DHTMLpagenation.goto(currentPage);    
105  DHTMLpagenation.displayContent();    
106}};    
107DHTMLpagenation.displayPage=function() { with (this)    
108{    
109  strDisplayPagenation="分页：";    
110   
111  if(currentPage&¤tPage!=1)    
112    strDisplayPagenation+='<a href="javascript:void(0)" onclick="DHTMLpagenation.previous()">上一页</a>  ';    
113  else    
114    strDisplayPagenation+="上一页  ";    
115   
116  for(var i=1;i<=pageSizeCount;i++)    
117  {    
118    if(i!=currentPage)    
119      strDisplayPagenation+='<a href="javascript:void(0)" onclick="DHTMLpagenation.goto('+i+');">'+i+'</a>  ';    
120    else    
121      strDisplayPagenation+=i+"  ";    
122  }    
123   
124  if(currentPage&¤tPage!=pageSizeCount)    
125    strDisplayPagenation+='<a href="javascript:void(0)" onclick="DHTMLpagenation.next()">下一页</a>  ';    
126  else    
127    strDisplayPagenation+="下一页  ";    
128   
129  strDisplayPagenation+="共 " + pageSizeCount + " 页，每页" + perpageLength + " 字符，调整字符数：<input type='text' value='"+perpageLength+"' id='ctlPerpageLength'><input type='button' value='确定' onclick='DHTMLpagenation.change(document.getElementById(\"ctlPerpageLength\").value);'>";    
130   
131  divDisplayPagenation.innerHTML=strDisplayPagenation;    
132}};    
133DHTMLpagenation.previous=function() { with(this)    
134{    
135  DHTMLpagenation.goto(currentPage-1);    
136}};    
137DHTMLpagenation.next=function() { with(this)    
138{    
139  DHTMLpagenation.goto(currentPage+1);    
140}};    
141DHTMLpagenation.goto=function(iCurrentPage) { with (this)    
142{    
143  startime=new Date();    
144  if(regularExp.test(iCurrentPage))    
145  {    
146    currentPage=iCurrentPage;    
147    strDisplayContent=content.substr((currentPage-1)*perpageLength,perpageLength);    
148  }    
149  else    
150  {    
151    alert("page parameter error!");    
152  }    
153  DHTMLpagenation.displayPage();    
154  DHTMLpagenation.displayContent();    
155}};    
156DHTMLpagenation.displayContent=function() { with (this)    
157{    
158  divDisplayContent.innerHTML=strDisplayContent;    
159}};    
160DHTMLpagenation.change=function(iPerpageLength) { with(this)    
161{    
162  if(regularExp.test(iPerpageLength))    
163  {    
164    DHTMLpagenation.perpageLength=iPerpageLength;    
165    DHTMLpagenation.currentPage=1;    
166    DHTMLpagenation.initialize();    
167  }    
168  else    
169  {    
170    alert("请输入数字");    
171  }    
172}};    
173   
174// method    
175// DHTMLpagenation(strContent,perpageLength)    
176   
177DHTMLpagenation(s,100);    
178   
179//-->   
180</script>