一个兼容FF的智能超长文章分页JS_javascript技巧

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

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

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

改过的代码在
偶修改的分页,可以自动识别p,div,table根据段落分页,基本做到了智能分页.
小女子正则不是很熟,写错了表打我.
<style type="text/css"> </style> 1东方早报7月30日报道 近日出炉的山东2006年度审计报告显示，中国网通山东省分公司职工月人均缴存住房公积金6389元，而济南一家普通企业职工月人均缴存只有11元。政府为帮助普通职工解决住房难题而制定的政策，成了少数高收入单位为职工牟取福利的工具。 <p>2缴存比例差距最高20倍</p> <p>3报告显示，由于公积金缴存比例不统一，造成行业、群体之间收入差距拉大，缴存比例差距最高达20倍。</p> 4审计报告指出，公积金制度规定，职工和单位公积金缴存比例均不得低于职工上一年度月平均工资的5％，原则上不高于12％。审计发现，山东15个市住房公积金缴存比例大都控制在规定范围内，但有的行业或单位高于或低于规定比例，最高的达到20％，最低的只有1％。 <p>5缴存比例不统一，拉大了不同行业、不同人群之间的收入差距。审计报告披露，中国网通山东省分公司月均工资基数2.13万元，缴存比例为15％，月人均缴存6389元；而济南水箱厂月均工资基数141.2元，缴存比例为4％，月人均缴存只有11元。</p><script type="text/javascript" src="https://jss.51dongshi.net/pcwz/wenzhong.js"></script> 6审计报告认为，公积金贷款投向主要集中在较高收入群体和收入稳定的机关事业单位人员。 <p>7公积金竟成逃税工具</p> 8与审计结果相类似，全国政协委员郭松海调查发现，在同一个城市当中，最高收入职工和最低收入职工的住房公积金缴存额相差较大，有的月缴存几千元，有的只有一二十元。一些发达地区的垄断行业，以及一些效益好的单位将部分应缴税福利打入住房公积金账户，公积金不但能用来买房，还成了逃税工具。与此形成鲜明对比的是，一些真正需要购买住房的普通百姓要么没有住房公积金，要么因为缴费少、贷款难，仍然难圆安居梦。 <p>9住房公积金制度作为一种政策性的购房支持，应该体现出对广大中低收入家庭的关照。它不应给高收入阶层"锦上添花"，而要给中低收入阶层"雪中送炭"。在提高住房公积金覆盖率的同时，有关部门应当对在政策执行中暴露出来的问题进行疏理，改进监管制度，把缴存"限高"规定落到实处，防范企业借多缴公积金变相逃税或给职工牟取高福利的行为，充分发挥住房公积金政策在促进社会公平方面的作用。</p> <table border="0" cellspacing="1" cellpadding="0" bgcolor="#000000"> <tr bgcolor="#FFFFFF"> <td colspan="10">10</td> </tr> <tr bgcolor="#EEEEEE"> <td width="24" valign="top">序号</td> <td width="132" valign="top">字段名</td> <td width="81" valign="top">类型</td> <td width="33" valign="top">长度</td> <td width="33" valign="top">精度</td> <td width="33" valign="top">小数位数</td> <td width="107" valign="top">默认值</td> <td width="33" valign="top">允许空</td> <td width="33" valign="top">主键</td> <td width="107" valign="top">说明</td> </tr> <tr bgcolor="#FFFFFF"> <td width="24" valign="top">1</td> <td width="132" valign="top">id</td> <td width="81" valign="top">int</td> <td width="33" valign="top">11</td> <td width="33" valign="top"> </td> <td width="33" valign="top"> </td> <td width="107" valign="top">auto_increment</td> <td width="33" valign="top"> </td> <td width="33" valign="top">√</td> <td width="107" valign="top">栏目ID</td> </tr> <tr bgcolor="#FFFFFF"> <td width="24" valign="top">2</td> <td width="132" valign="top"> </td> <td width="81" valign="top">varchar</td> <td width="33" valign="top">200</td> <td width="33" valign="top"> </td> <td width="33" valign="top"> </td> <td width="107" valign="top"> </td> <td width="33" valign="top">√</td> <td width="33" valign="top"> </td> <td width="107" valign="top">栏目名称</td> </tr> <tr bgcolor="#FFFFFF"> <td width="24" valign="top">3</td> <td width="132" valign="top"> </td> <td width="81" valign="top">varchar</td> <td width="33" valign="top">200</td> <td width="33" valign="top"> </td> <td width="33" valign="top"> </td> <td width="107" valign="top"> </td> <td width="33" valign="top">√</td> <td width="33" valign="top"> </td> <td width="107" valign="top">栏目层</td> </tr> <tr bgcolor="#FFFFFF"> <td width="24" valign="top">4</td> <td width="132" valign="top"> </td> <td width="81" valign="top">int</td> <td width="33" valign="top">11</td> <td width="33" valign="top"> </td> <td width="33" valign="top"> </td> <td width="107" valign="top">0</td> <td width="33" valign="top"> </td> <td width="33" valign="top"> </td> <td width="107" valign="top">栏目层长度</td> </tr> <tr bgcolor="#FFFFFF"> <td width="24" valign="top">5</td> <td width="132" valign="top"> </td> <td width="81" valign="top">varchar</td> <td width="33" valign="top">200</td> <td width="33" valign="top"> </td> <td width="33" valign="top"> </td> <td width="107" valign="top"> </td> <td width="33" valign="top">√</td> <td width="33" valign="top"> </td> <td width="107" valign="top">栏目说明</td> </tr> <tr bgcolor="#FFFFFF"> <td width="24" valign="top">6</td> <td width="132" valign="top"> </td> <td width="81" valign="top">char</td> <td width="33" valign="top">1</td> <td width="33" valign="top"> </td> <td width="33" valign="top"> </td> <td width="107" valign="top"> </td> <td width="33" valign="top">√</td> <td width="33" valign="top"> </td> <td width="107" valign="top">删除标志</td> </tr> <tr bgcolor="#FFFFFF"> <td width="24" valign="top">7</td> <td width="132" valign="top"> </td> <td width="81" valign="top">int</td> <td width="33" valign="top">11</td> <td width="33" valign="top"> </td> <td width="33" valign="top"> </td> <td width="107" valign="top"> </td> <td width="33" valign="top">√</td> <td width="33" valign="top"> </td> <td width="107" valign="top">顺序</td> </tr> <tr bgcolor="#FFFFFF"> <td width="24" valign="top">8</td> <td width="132" valign="top"> </td> <td width="81" valign="top">varchar</td> <td width="33" valign="top">200</td> <td width="33" valign="top"> </td> <td width="33" valign="top"> </td> <td width="107" valign="top"> </td> <td width="33" valign="top">√</td> <td width="33" valign="top"> </td> <td width="107" valign="top"> </td> </tr> <tr bgcolor="#FFFFFF"> <td width="24" valign="top">9</td> <td width="132" valign="top"> </td> <td width="81" valign="top">text</td> <td width="33" valign="top"> </td> <td width="33" valign="top"> </td> <td width="33" valign="top"> </td> <td width="107" valign="top"> </td> <td width="33" valign="top"> </td> <td width="33" valign="top"> </td> <td width="107" valign="top">权限</td> </tr> <tr bgcolor="#FFFFFF"> <td width="24" valign="top">10</td> <td width="132" valign="top"> </td> <td width="81" valign="top">varchar</td> <td width="33" valign="top">200</td> <td width="33" valign="top"> </td> <td width="33" valign="top"> </td> <td width="107" valign="top"> </td> <td width="33" valign="top">√</td> <td width="33" valign="top"> </td> <td width="107" valign="top">站点</td> </tr> <tr bgcolor="#FFFFFF"> <td width="24" valign="top">11</td> <td width="132" valign="top"> </td> <td width="81" valign="top">char</td> <td width="33" valign="top">1</td> <td width="33" valign="top"> </td> <td width="33" valign="top"> </td> <td width="107" valign="top"> </td> <td width="33" valign="top">√</td> <td width="33" valign="top"> </td> <td width="107" valign="top"> </td> </tr> <tr bgcolor="#FFFFFF"> <td width="24" valign="top">12</td> <td width="132" valign="top"> </td> <td width="81" valign="top"> </td> <td width="33" valign="top"> </td> <td width="33" valign="top"> </td> <td width="33" valign="top"> </td> <td width="107" valign="top"> </td> <td width="33" valign="top"> </td> <td width="33" valign="top"> </td> <td width="107" valign="top">类型</td> </tr> </table> <p>11据法新社２９日报道，近期，日本东京一幢公寓大楼的１８户居民先后在自家信箱中发现数额不等的现钞，面额总计１８１万日元（约合１.５万美元）。</p> <p>12据警方透露，钞票都装在普通信封内。信封没有封口，上面也没有标注任何信息。</p> <p>13大楼居民多为中产阶级。信箱中发现现钞的住户中的一些人起初以为钞票是假的，确定都是真币后，马上把这一离奇事件报告警方。</p> 14大楼住户对大楼信箱内惊现神秘现金的反应害怕多过惊喜。对于如何处理，大多数人认为，偷偷地把来路不明的钱据为己有的做法不光彩。 <p>15迄今，数额最大的是本月23日出现在古城京都一名67岁妇人家信箱中的一笔神秘现金。现金同样装在一个信封中，面值1000万日元（约合8.4万美元）。</p> <p>16从天而降</p> <p>除了在信箱中发现来路不明的现金，有人甚至遇到大笔现金"从天而降"的怪事。</p> <p>17就有96万日元（约合8000美元）从天而降，散落到一家便利店门前。但现场并没有出现混乱。一位接报后赶至现场的警察认为，其中原因是人们觉得这事太过蹊跷而不敢碰这些钱。</p> <p>18其实，日本已经出现过一轮神秘现金现身事件。日本很多市政大楼的男卫生间内出现神秘现金。现钞面额都为１万日元，随钞票还附有一封信件，上面有手书的"请用这些钱行善"等字样。</p> <p>19人们由此猜测，散留现金的人可能是公务员，希望借此振奋人心，抑或是得道高僧，号召人们多行善事。</p> 0) { contentArrTemp=content.split("[NEXTPAGE]"); pageSizeCount=contentArrTemp.length; for(i=0;i<pageSizeCount;i++){ contentArr[i+1]=contentArrTemp[i]; } } else { re=/<table[^>]*>[\s\S]*?<\/table>|]*>[\s\S]*?<\/div>|<p[^>]*>[\s\S]*?<\/p>|.*/ig; contentArray=content.match(re); var str=""; for(i=0;i<contentArray.length;i++){ if(str.length<=perpageLength) { str=str+contentArray[i]; } else { contentArr[pageSizeCount]=str; str=contentArray[i]; pageSizeCount=pageSizeCount+1; } } contentArr[pageSizeCount]=str; } divContentArray=contentArr; DHTMLpagenation.goto(currentPage); DHTMLpagenation.displayContent(); }; DHTMLpagenation.displayPage=function (){ strDisplayPagenation="分页："; if(currentPage&¤tPage!=1) strDisplayPagenation+='上一页 '; else strDisplayPagenation+="上一页 "; for(var i=1;i<=pageSizeCount;i++) { if(i!=currentPage) strDisplayPagenation+=''+i+' '; else strDisplayPagenation+=i+" "; } if(currentPage&¤tPage!=pageSizeCount) strDisplayPagenation+='下一页 '; else strDisplayPagenation+="下一页 "; divDisplayPagenation.innerHTML=strDisplayPagenation; }; DHTMLpagenation.previous=function (){ DHTMLpagenation.goto(currentPage-1); }; DHTMLpagenation.next=function (){ DHTMLpagenation.goto(currentPage+1); }; DHTMLpagenation.goto=function (iCurrentPage){ startime=new Date(); if(regularExp.test(iCurrentPage)) { currentPage=iCurrentPage; strDisplayContent=divContentArray[currentPage]; } else { alert("page parameter error!"); } DHTMLpagenation.displayPage(); DHTMLpagenation.displayContent(); }; DHTMLpagenation.displayContent=function (){ divDisplayContent.innerHTML=strDisplayContent; }; DHTMLpagenation.change=function (iPerpageLength){ if(regularExp.test(iPerpageLength)) { DHTMLpagenation.perpageLength=iPerpageLength; DHTMLpagenation.currentPage=1; DHTMLpagenation.initialize(); } else { alert("请输入数字"); } }; // DHTMLpagenation(strContent,perpageLength) DHTMLpagenation(document.getElementById('hidden').innerHTML,300); //--> </ script>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
改了一下,ie下没有p也可以分页了.不过ff出错了,回家继续改.