首页 > 网络编程 > JavaScript > javascript技巧 > 智能超长文章分页JS

一个兼容FF的智能超长文章分页JS

2007-07-30 20:34:34 投稿：mdxy-dxy

这篇文章主要介绍了一个兼容FF的智能超长文章分页JS的相关资料,需要的朋友可以参考下

这个是从网上找的,FF下不显示.
思路:根据p,div,table把文章分段存入数组,然后循环判断显示内容的长度是否超过定义的每页显示字符数,不超过加上下一个数组的内容,直到不符合条件为止.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style>
* {
    font-size:10.2pt;
    font-family:tahoma;
    line-height:150%;
}
.divContent
{
    border:1px solid red;
    background-color:#FFD2D3;
    width:500px;
    word-break:break-all;
    margin:10px 0px 10px;
    padding:10px;
}
</style>
</HEAD>
<BODY>
header
<div id="divPagenation"></div>
<div id="divContent"></div>
<div id="Content" style="display: none;">
<p><strong>7月24日</strong>&nbsp;&nbsp;有人认为，人生有两大憾事：一是得不到，二是已失去。</p>
<p>其实，人生的道路从未有过笔直，都是弯曲的。我们总要经历无数的挫折，才能从幼稚到成熟，从失去到得到。</p>
<p>很多时候，我们总是在为了自己所想要的人生而疲于追逐。</p>
<p>有时却发现自己越在乎的事，越容易落空；越在意的人，越容易离开。</p>
<p>明明自己已经足够努力用心去做了，却怎么也达不成理想中的结果。</p>
<p>于是开始变得不安、焦虑。你的情绪不再为你自己所主宰，而是被某个人某件事所左右。</p>
</div>
footer
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
</BODY>
</HTML>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

为什么去掉 with(this)之后就好了?with()有什么作用哦?

===========================苗条的分割线===========================

思路:根据p,div,table把文章分段存入数组,然后循环判断显示内容的长度是否超过定义的每页显示字符数,不超过加上下一个数组的内容,直到不符合条件为止.

偶还没找到太大的bug.如果哪位达人发现了,帮偶改一下啦.先谢过

改过的代码在
偶修改的分页,可以自动识别p,div,table根据段落分页,基本做到了智能分页.
小女子正则不是很熟,写错了表打我.

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

改了一下,ie下没有p也可以分页了.不过ff出错了,回家继续改.

一个兼容FF的智能超长文章分页JS

您可能感兴趣的文章: