分页浏览三
前面说到了，通过字符数来进行分页，今天想了一下，感觉不是很好，对于懂css和html的来说，可能在后台好好的编辑下就行了，不过本人还是感觉很麻烦，对于那些不懂的人，就更麻烦了，他们可不管什么css，html什么的，我们知道，文章一般都是通过后台在编辑器里编辑的，内容包括文字和修饰的css和html标签等，算字符数的话，都要算进去，这样的话，如果一个页面被几个地方同时调用，用的是同一个限制字符数的分页方法，那么就有可能会造成，有的显示多，有的显示的少，针对上面的这种情况，我们可以采取另外一种方式-----利用分隔符分页
大体的思路是这样的：
在后台添加的内容中，对要分页的地方，我们在后面加上一个分隔符，比如针对下面内容：
企业使命：为全人类的眼睛|健康而努力和服务，让全人类沐浴好眼力的光|芒！<br>绿知堂作风：凡事以第一名|为
目标，坚信我们在一起能做好任何事情！<br>危机意识：居安思危、思危求进、思危求变、思危求新；<br>行动理念：凡事都要主动出击，被
动不会有任何收获！<br>执行理念：没有条件、没有借口、没有不可能！<br>品牌理念：无形决定有形，有形彰显无形。<br>发展理念：以个
人退公司进为指导原则，以局部让全局取为核心思想。<br>团队理念：不像海滩沙石相互撞击，犹如星斗一样彼此照耀。<br>工作理念：比最
努力的更努力，比最用心的更用心。<br>责任理念：上严下宽，工作中出现了问题干部要主动承担责任。部下<br>犯了错误，领导要承担连带
责任。下级犯错误，领导受处罚。犯了同<br>样的错误，职务低、工资低的人可以减免经济责任，职务越高、工资<br>越高的人承担的经济责
任越大。<br>竞争理念：避开竞争是最快的竞争，不用竞争是最好的竞争。<br>品质理念：标准决定水准，人品决定产品。<br>生存理念：顺
境时乘胜追击，逆境时加倍努力
目标，坚信我们在一起能做好任何事情！<br>危机意识：居安思危、思危求进、思危求变、思危求新；<br>行动理念：凡事都要主动出击，被
动不会有任何收获！<br>执行理念：没有条件、没有借口、没有不可能！<br>品牌理念：无形决定有形，有形彰显无形。<br>发展理念：以个
人退公司进为指导原则，以局部让全局取为核心思想。<br>团队理念：不像海滩沙石相互撞击，犹如星斗一样彼此照耀。<br>工作理念：比最
努力的更努力，比最用心的更用心。<br>责任理念：上严下宽，工作中出现了问题干部要主动承担责任。部下<br>犯了错误，领导要承担连带
责任。下级犯错误，领导受处罚。犯了同<br>样的错误，职务低、工资低的人可以减免经济责任，职务越高、工资<br>越高的人承担的经济责
任越大。<br>竞争理念：避开竞争是最快的竞争，不用竞争是最好的竞争。<br>品质理念：标准决定水准，人品决定产品。<br>生存理念：顺
境时乘胜追击，逆境时加倍努力
比如第一页根据前台看看的效果，感觉在"有形彰显无形"这个地方分页比较好，那么就在后面加个"|",即"有形彰显无形|",
这种方式很灵活，编辑人员可自行分页
具体的代码下载地址:
https://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>
<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>
多思考，多创新，才是正道！
