文章分页的问题

Question

要求是带html的标记文章实现分页，不要使用加上标签符号实现分页，这个方法需要手动修改文章，不太可行。最好能用字数控制分页最好。网上我也找了一些方法，但是都是有带有html标记以后就无法实现字数的控制了。求大侠们告知，小弟跪求了。。

Answer 1

http://topic.csdn.net/u/20081102/08/d1ca3e65-6808-487a-a40c-ddc741687077.html

Answer 2

<script>
//假如content是后台获取到的文章
var content = "";
content += "天地有正气，杂然赋流形。";
content += "下则为河岳，上则为日星。";
content += "于人曰浩然，沛乎塞苍冥。";
content += "皇路当清夷，含和吐明庭。";
content += "时穷节乃见，一一垂丹青。";
content += "在齐太史简，在晋董狐笔。";
content += "在秦张良椎，在汉苏武节。";
content += "为严将军头，为嵇侍中血。";
content += "为张睢阳齿，为颜常山舌。";
content += "或为辽东帽，清操厉冰雪。";
content += "或为出师表，鬼神泣壮烈。";
content += "或为渡江楫，慷慨吞胡羯。";
content += "或为击贼笏，逆竖头破裂。";
content += "是气所磅礴，凛烈万古存。";
content += "当其贯日月，生死安足论。";
content += "地维赖以立，天柱赖以尊。";
content += "三纲实系命，道义为之根。";
content += "嗟予遘阳九，隶也实不力。";
content += "楚囚缨其冠，传车送穷北。";
content += "鼎镬甘如饴，求之不可得。";
content += "阴房阗鬼火，春院闭天黑。";
content += "牛骥同一皂，鸡栖凤凰食。";
content += "一朝蒙雾露，分作沟中瘠。";
content += "如此再寒暑，百疠自辟易。";
content += "嗟哉沮洳场，为我安乐国。";
content += "岂有他缪巧，阴阳不能贼。";
content += "顾此耿耿在，仰视浮云白。";
content += "悠悠我心悲，苍天曷有极。";
content += "哲人日已远，典刑在夙昔。";
content += "风檐展书读，古道照颜色。";
var page = 0;//当前页
var size = 24;//每页的字数
var nump = Math.ceil(content.length / size);
function getContent(t){
if(t == 2){
if(++page > nump){
page = nump;
}
}else{
if(--page < 0){
page = 0;
}
} span.innerHTML = content.substring(page * size, page * size + size);
}
getContent(1);
</script>
<span id="span"></span>
<br>
<a href="javascript:void(0);" onclick="getContent(1)">上一页</a> | <a href="javascript:void(0);" onclick="getContent(2)">下一页</a>

Answer 3

<span id="span"></span>
<br>
<a href="javascript:void(0);" onclick="getContent(1)">上一页</a> | <a href="javascript:void(0);" onclick="getContent(2)">下一页</a>
<script>
var content = "";
content += "天地有正气，杂然赋流形。";
content += "下则为河岳，上则为日星。";
content += "于人曰浩然，沛乎塞苍冥。";
content += "皇路当清夷，含和吐明庭。";
content += "时穷节乃见，一一垂丹青。";
content += "在齐太史简，在晋董狐笔。";
content += "在秦张良椎，在汉苏武节。";
content += "为严将军头，为嵇侍中血。";
content += "为张睢阳齿，为颜常山舌。";
content += "或为辽东帽，清操厉冰雪。";
content += "或为出师表，鬼神泣壮烈。";
content += "或为渡江楫，慷慨吞胡羯。";
content += "或为击贼笏，逆竖头破裂。";
content += "是气所磅礴，凛烈万古存。";
content += "当其贯日月，生死安足论。";
content += "地维赖以立，天柱赖以尊。";
content += "三纲实系命，道义为之根。";
content += "嗟予遘阳九，隶也实不力。";
content += "楚囚缨其冠，传车送穷北。";
content += "鼎镬甘如饴，求之不可得。";
content += "阴房阗鬼火，春院闭天黑。";
content += "牛骥同一皂，鸡栖凤凰食。";
content += "一朝蒙雾露，分作沟中瘠。";
content += "如此再寒暑，百疠自辟易。";
content += "嗟哉沮洳场，为我安乐国。";
content += "岂有他缪巧，阴阳不能贼。";
content += "顾此耿耿在，仰视浮云白。";
content += "悠悠我心悲，苍天曷有极。";
content += "哲人日已远，典刑在夙昔。";
content += "风檐展书读，古道照颜色。";
var page = 0;
var size = 24;
var nump = Math.ceil(content.length / size) - 1;
function getContent(t){
if(t == 2){
if(++page > nump){
page = nump;
}
}else{
if(--page < 0){
page = 0;
}
} span.innerHTML = content.substring(page * size, page * size + size);
}
getContent(1);
</script>

Answer 4

一般是后台手工添加分页标识,前台显示替换.
楼上的代码假如content内容有html标签呢,html标签字符也计入substring?那显示就乱套了,特别是有文章内有图片.

Answer 5

呵呵,你见过哪个cms的文章分页是程序来做的吗?
这个问题和那个置顶的帖子,就是腾讯面试题,截取html字符那个有些相通的地方,但是还要复杂一些.