分页浏览三

    前面说到了，通过字符数来进行分页，今天想了一下，感觉不是很好，对于懂css和html的来说，可能在后台好好的编辑下就行了，不过本人还是感觉很麻烦，对于那些不懂的人，就更麻烦了，他们可不管什么css，html什么的，我们知道，文章一般都是通过后台在编辑器里编辑的，内容包括文字和修饰的css和html标签等，算字符数的话，都要算进去，这样的话，如果一个页面被几个地方同时调用，用的是同一个限制字符数的分页方法，那么就有可能会造成，有的显示多，有的显示的少，针对上面的这种情况，我们可以采取另外一种方式-----利用分隔符分页

大体的思路是这样的：

在后台添加的内容中，对要分页的地方，我们在后面加上一个分隔符，比如针对下面内容：

 

企业使命：为全人类的眼睛|健康而努力和服务，让全人类沐浴好眼力的光|芒！ < br > 绿知堂作风：凡事以第一名|为

目标，坚信我们在一起能做好任何事情！ < br > 危机意识：居安思危、思危求进、思危求变、思危求新； < br > 行动理念：凡事都要主动出击，被

动不会有任何收获！ < br > 执行理念：没有条件、没有借口、没有不可能！ < br > 品牌理念：无形决定有形，有形彰显无形。 < br > 发展理念：以个

人退公司进为指导原则，以局部让全局取为核心思想。 < br > 团队理念：不像海滩沙石相互撞击，犹如星斗一样彼此照耀。 < br > 工作理念：比最

努力的更努力，比最用心的更用心。 < br > 责任理念：上严下宽，工作中出现了问题干部要主动承担责任。部下 < br > 犯了错误，领导要承担连带

责任。下级犯错误，领导受处罚。犯了同 < br > 样的错误，职务低、工资低的人可以减免经济责任，职务越高、工资 < br > 越高的人承担的经济责

任越大。 < br > 竞争理念：避开竞争是最快的竞争，不用竞争是最好的竞争。 < br > 品质理念：标准决定水准，人品决定产品。 < br > 生存理念：顺

境时乘胜追击，逆境时加倍努力

比如第一页根据前台看看的效果，感觉在"有形彰显无形"这个地方分页比较好，那么就在后面加个"|",即"有形彰显无形|",

这种方式很灵活，编辑人员可自行分页

具体的代码下载地址:

 http://files.cnblogs.com/shuang121/pagInate.rar

 

 JS实现方法

 

View Code

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html  xmlns ="http://www.w3.org/1999/xhtml" >
< head >
< meta  http-equiv ="Content-Type"  content ="text/html; charset=utf-8"   />
< title >户外--AA--wwww.7csky.cn </ title >
</ head >

< body >

< script >
function  ShowPager(currShowPage){
var  showDBtxt = document.getElementById( " showDBtxt " );
var  shoePager = document.getElementById( " shoePager " );
var  showCurrtxt = document.getElementById( " showCurrtxt " );
var  showTxts = showDBtxt.innerHTML.split( " д " ); // 分页
try {
  currShowPage = parseInt(currShowPage); // 当前页
   if (currShowPage < 0 ) currShowPage = 0 ;
   if (currShowPage >= showTxts.length) currShowPage = showTxts.length - 1 ;
}
catch (err){
   // err.description
  currShowPage = 0
}
// 显示分页
if (showTxts.length > 1 ){
   var  pagerText = " <a href='javascript:ShowPager( " + (currShowPage - 1 ) + " );void(0);'>前一页</a>当前第 " + (currShowPage + 1 ) + " 页共 " + showTxts.length + " 页<a href='javascript:ShowPager( " + (currShowPage + 1 ) + " );void(0);'>后一页</a> " ;
  shoePager.innerHTML = pagerText;
}


// 显示当前页
for ( var  showi = 0 ; showi < showTxts.length;showi ++ ){
   if (showi == currShowPage){
   showCurrtxt.innerHTML = showTxts[showi];
    break ;
  }
}
}
</ script >

< table >
< tr >
< td >
     < div  id ="showCurrtxt"  name ="showCurrtxt" ></ div >
     < br  />
     < br  />
     < div  id ="shoePager"  name ="shoePager" ></ div >
     < div  id ="showDBtxt"  name ="showDBtxt"  style ="visibility:hidden; display:none" >
       < p >< span  style ="color:#FF0000" >徒步昆明，挑战自我，激情飞扬!
        也许你也需要这样的一个机会来感受户外，
        也许你也需要这样的一个机会来考验自己，
        也许它将会成为你迄今为止徒步走过最长的路；
        让这些在你脑海中出现过几十、几百遍的“也许”，今天就成为现实!
        来吧，参加遨云AA户外活动!与我们相互扶持，感受痛苦，体会快乐!
        留下我们的汗水和足迹；
        留下值得我们一辈子感概的美好回忆；
        伴随一生的友情，挑战自我的信念!前路充满挑战，但一路上有你； </ span >  </ p >
      д < p >来吧，朋友！
        加入“遨云AA户外活动”；
        让我们一起去体验生活，品尝人生的苦与乐!
        注：
        "遨云AA网"是一群计算机软件从业人员自发组织的非赢利性的网站。
        我们不向会员收取任何会员费； </ p >д
       < p >http://7csly.cn </ p >
     </ div >
     </ td >
</ tr >
</ table >

< script >
ShowPager( 0 );
</ script >

</ body >
</ html >