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

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

New Document

* {
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;
}

header

人民日报7月24日报道  近一个月来,全党同志都在认真学习胡锦涛总书记在中央党校的重要讲话。大家深刻体会到,这一重要讲话意蕴深远,内涵丰富,强调的都是事关党和国家发展全局的战略性问题,都是事关中国特色社会主义长远发展的关键性问题,为党的十七大胜利召开奠定了重要的政治、思想和理论基础,对于全党统一思想,提高认识,推进党和国家的各项工作具有十分重要的意义。

党和国家发展的经验表明,每当我们处在新的重要时刻、面临新的历史使命之时,科学地分析和判断形势,对于我们从世界和时代的发展坐标上,准确认识我们国家的发展方位,制定正确的方针政策,对于团结全党和全国人民共同奋斗,都是十分重要的。深入学习胡锦涛总书记的重要讲话,就要更好地把思想统一到讲话对形势的科学判断上来,就要充分认识我们在中国特色社会主义道路上取得的成就和面临的新形势新任务,奋力开拓中国特色社会主义事业更为广阔的发展前景。

中国特色社会主义,是当代中国发展进步的旗帜,是全党全国各族人民团结奋斗的旗帜。新时期以来,我们从事的事业就是建设中国特色社会主义,我们取得的一切胜利都是中国特色社会主义的胜利。中国特色社会主义是科学社会主义与中国国情相结合的产物。马克思主义在中国发展的生动实践表明,马克思主义基本原理同中国具体实际紧密结合,就必定产生推动历史前进的巨大力量,中国的建设和发展就必定取得巨大成就。

新时期29年来,中国特色社会主义建设的成就举世瞩目。国民经济保持了持续快速健康发展,经济总量跃居世界第四位,人民生活总体上实现了小康,城乡居民收入成倍增长,国际影响显著扩大,国际地位不断提升,社会主义经济建设、政治建设、文化建设、社会建设和党的建设全面推进,中国人民的精神面貌发生了深刻变化,民族凝聚力极大增强。中国特色社会主义道路赋予我们国家和民族以强大生机,一百多年来中华民族梦寐以求的伟大复兴和现代化理想展现出灿烂的前景。在党的领导下中国人民在中国特色社会主义道路上取得的伟大的历史性成就,来之不易,彪炳史册,需要我们倍加珍惜。

历史经验表明,新道路的开辟不可能一帆风顺,新事业的发展难免会遇到风险和挑战。我们应当看到,国际环境复杂多变,综合国力竞争日趋激烈,影响和平与发展的不稳定不确定因素日益增多,我们仍将长期面对发达国家在经济科技等方面占优势的压力。我国正处于并将长期处于社会主义初级阶段,人民日益增长的物质文化需要同落后的社会生产之间的矛盾仍然是我国社会的主要矛盾,统筹兼顾各方面利益任务艰巨而繁重,我国全面参与经济全球化面对新的机遇也面临新的挑战,工业化、城镇化、市场化、国际化深入发展形势下我国各项事业的发展面临新课题新矛盾。我国已进入改革发展的关键时期,经济体制深刻变革,社会结构深刻变动,利益格局深刻调整,思想观念深刻变化。这种空前的社会变革,给我国发展进步带来巨大活力,也必然带来这样那样的矛盾和问题。前进中的矛盾,要用辩证的眼光来看待;前进中的问题,要用发展的办法来解决。这就更加需要我们继续深化对中国特色社会主义的研究和探索,努力使中国特色社会主义道路越走越宽广。

我国的发展站在新的历史起点上,面临的机遇前所未有,面对的挑战也前所未有。抓住机遇,迎接挑战,做好工作,关键就在于我们必须始终不渝地坚持以邓小平理论和"三个代表"重要思想为指导,深入贯彻落实科学发展观,毫不动摇地坚持和发展中国特色社会主义。让我们更加紧密地团结在以胡锦涛同志为总书记的党中央周围,坚定信念,增强信心,奋力开拓中国特色社会主义更为广阔的发展前景。

footer

上一页  ';
else
strDisplayPagenation+="上一页  ";
for(var i=1;i'+i+'  ';
else
strDisplayPagenation+=i+"  ";
}
if(currentPage&&currentPage!=pageSizeCount)
strDisplayPagenation+='下一页  ';
else
strDisplayPagenation+="下一页  ";
strDisplayPagenation+="共 " + pageSizeCount + " 页,每页" + perpageLength + " 字符,调整字符数:";
divDisplayPagenation.innerHTML=strDisplayPagenation;
}};
DHTMLpagenation.previous=function() { with(this)
{
DHTMLpagenation.goto(currentPage-1);
}};
DHTMLpagenation.next=function() { with(this)
{
DHTMLpagenation.goto(currentPage+1);
}};
DHTMLpagenation.goto=function(iCurrentPage) { with (this)
{
startime=new Date();
if(regularExp.test(iCurrentPage))
{
currentPage=iCurrentPage;
strDisplayContent=content.substr((currentPage-1)*perpageLength,perpageLength);
}
else
{
alert("page parameter error!");
}
DHTMLpagenation.displayPage();
DHTMLpagenation.displayContent();
}};
DHTMLpagenation.displayContent=function() { with (this)
{
divDisplayContent.innerHTML=strDisplayContent;
}};
DHTMLpagenation.change=function(iPerpageLength) { with(this)
{
if(regularExp.test(iPerpageLength))
{
DHTMLpagenation.perpageLength=iPerpageLength;
DHTMLpagenation.currentPage=1;
DHTMLpagenation.initialize();
}
else
{
alert("请输入数字");
}
}};
// method
// DHTMLpagenation(strContent,perpageLength)
DHTMLpagenation(document.getElementById('Content').innerHTML,200);
//-->

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

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

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

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

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

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

1东方早报7月30日报道  近日出炉的山东2006年度审计报告显示,中国网通山东省分公司职工月人均缴存住房公积金6389元,而济南一家普通企业职工月人均缴存只有11元。政府为帮助普通职工解决住房难题而制定的政策,成了少数高收入单位为职工牟取福利的工具。

2缴存比例差距最高20倍

3报告显示,由于公积金缴存比例不统一,造成行业、群体之间收入差距拉大,缴存比例差距最高达20倍。

4审计报告指出,公积金制度规定,职工和单位公积金缴存比例均不得低于职工上一年度月平均工资的5%,原则上不高于12%。审计发现,山东15个市住房公积金缴存比例大都控制在规定范围内,但有的行业或单位高于或低于规定比例,最高的达到20%,最低的只有1%。

5缴存比例不统一,拉大了不同行业、不同人群之间的收入差距。审计报告披露,中国网通山东省分公司月均工资基数2.13万元,缴存比例为15%,月人均缴存6389元;而济南水箱厂月均工资基数141.2元,缴存比例为4%,月人均缴存只有11元。

6审计报告认为,公积金贷款投向主要集中在较高收入群体和收入稳定的机关事业单位人员。

7公积金竟成逃税工具

8与审计结果相类似,全国政协委员郭松海调查发现,在同一个城市当中,最高收入职工和最低收入职工的住房公积金缴存额相差较大,有的月缴存几千元,有的只有一二十元。一些发达地区的垄断行业,以及一些效益好的单位将部分应缴税福利打入住房公积金账户,公积金不但能用来买房,还成了逃税工具。与此形成鲜明对比的是,一些真正需要购买住房的普通百姓要么没有住房公积金,要么因为缴费少、贷款难,仍然难圆安居梦。

9住房公积金制度作为一种政策性的购房支持,应该体现出对广大中低收入家庭的关照。它不应给高收入阶层"锦上添花",而要给中低收入阶层"雪中送炭"。在提高住房公积金覆盖率的同时,有关部门应当对在政策执行中暴露出来的问题进行疏理,改进监管制度,把缴存"限高"规定落到实处,防范企业借多缴公积金变相逃税或给职工牟取高福利的行为,充分发挥住房公积金政策在促进社会公平方面的作用。

10
序号 字段名 类型 长度 精度 小数位数 默认值 允许空 主键 说明
1 id int 11     auto_increment   栏目ID
2   varchar 200         栏目名称
3   varchar 200         栏目层
4   int 11     0     栏目层长度
5   varchar 200         栏目说明
6   char 1         删除标志
7   int 11         顺序
8   varchar 200          
9   text             权限
10   varchar 200         站点
11   char 1          
12                 类型

11据法新社29日报道,近期,日本东京一幢公寓大楼的18户居民先后在自家信箱中发现数额不等的现钞,面额总计181万日元(约合1.5万美元)。

12据警方透露,钞票都装在普通信封内。信封没有封口,上面也没有标注任何信息。

13大楼居民多为中产阶级。信箱中发现现钞的住户中的一些人起初以为钞票是假的,确定都是真币后,马上把这一离奇事件报告警方。

14大楼住户对大楼信箱内惊现神秘现金的反应害怕多过惊喜。对于如何处理,大多数人认为,偷偷地把来路不明的钱据为己有的做法不光彩。

15迄今,数额最大的是本月23日出现在古城京都一名67岁妇人家信箱中的一笔神秘现金。现金同样装在一个信封中,面值1000万日元(约合8.4万美元)。

16从天而降

除了在信箱中发现来路不明的现金,有人甚至遇到大笔现金"从天而降"的怪事。

17就有96万日元(约合8000美元)从天而降,散落到一家便利店门前。但现场并没有出现混乱。一位接报后赶至现场的警察认为,其中原因是人们觉得这事太过蹊跷而不敢碰这些钱。

18其实,日本已经出现过一轮神秘现金现身事件。日本很多市政大楼的男卫生间内出现神秘现金。现钞面额都为1万日元,随钞票还附有一封信件,上面有手书的"请用这些钱行善"等字样。

19人们由此猜测,散留现金的人可能是公务员,希望借此振奋人心,抑或是得道高僧,号召人们多行善事。

0)
{
contentArrTemp=content.split("[NEXTPAGE]");
pageSizeCount=contentArrTemp.length;
for(i=0;i]*>[\s\S]*?|

]*>[\s\S]*?|

]*>[\s\S]*?|.*/ig;

contentArray=content.match(re);
var str="";
for(i=0;i上一页  ';
else
strDisplayPagenation+="上一页  ";
for(var i=1;i'+i+'  ';
else
strDisplayPagenation+=i+"  ";
}
if(currentPage&&currentPage!=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);
//-->

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

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

(0)

相关推荐

  • JS实现仿google、百度搜索框输入信息智能提示的实现方法

    本文实例讲述了JS实现仿google.百度搜索框输入信息智能提示的实现方法.分享给大家供大家参考.具体如下: <!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&qu

  • Js智能判断浏览器是关闭还是刷新的代码

    Js智能判断浏览器是关闭还是刷新 关闭或刷新浏览器试试! window.onbeforeunload=function(){ var n=window.event.screenX-window.screenLeft; var b=n>document.documentElement.scrollWidth-20; if(b&&window.event.clientY [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

  • 页面版文本框智能提示JS代码

    于是这code便诞生了,如下: 复制代码 代码如下: <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>无标题页</title> <script type="text/javascript" language="javascript"> var currentIndex=

  • asp.net 页面版文本框智能提示JSCode (升级版)

    原本准备在上一篇中直接修改的,无奈编辑功能太差,打开一堆html代码,空格"&nbsp"都看的人眼花缭乱,只好另开一篇. 升级说明:添加了针对一个界面多个职能提示位置的设定,只需修改文本框onfocus="fnStartInterval(this,'DropDownList2')", 设置好相应的参数即可,同时修复了在IE6下div无法遮盖下拉列表的问题,(IE6下无论如何设置select的z-index或div的z-index属性均无济于事),关于这个就是

  • Javascript 仿歌词智能滚动代码

    保证浏览者能看清楚文字,然后继续上下滚动. 文本滚动 #infozone{font-size:12px;color:#aa6;overflow:hidden;width:98px;height:20px;} #infozone div{height:20px;line-height:20px;white-space:nowrap;overflow:hidden;} var tc; window.onload=function(){ var o=document.getElementById('i

  • 仿百度输入框智能提示的js代码

    最近客户需求老是变更,不过有些是因为客户催得急,我没有那么快能完成,所以先做了一个雏形给他们,后来再慢慢改.比如雏形那里我做了一个下拉列表给他们,事实上他们的数据有200多条,用个下拉列表的话很不现实,你能找那么多?而且那个下拉列表该有多长啊?所以很自然的,我想到了百度那个智能提示的功能. 参考了一下之前忘记是哪位大侠写的东西,他的是使用百度api的,为了简单起见,我把数据都定在了js那里,这样看官们容易理解一些. 还是整个代码考上来吧,代码不长.考了一下之前忘记是哪位大侠写的东西,他的是使用百

  • js实现搜索框关键字智能匹配代码

    只要使用搜索引擎的朋友应该都有这样的体会,就是当在搜索框输入关键字的时候,会出现自能匹配现象,这绝对是非常好的用户体验,下面就是一段类似的代码,当然这里只是掩饰,所以只能匹配的数据都是本地固定好的,在实际应用中可以才能够数据库读取数据. 效果图: 代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" co

  • jQuery在vs2008及js文件中的无智能提示的解决方法

    jQuery在vs2008中的智能提示 1  安装VS2008SP1补丁 要确保您的vs2008已经打了sp1补丁,在vs2008的帮助里的关于,要是安装了sp1,会出现"版本 3.5 sp1",没安装当然就只有"版本 3.5". 如果没有安装可以在这下载sp1. 2  安装VS 2008 Patch KB958502以支持"-vsdoc.js"Intellisense文件.该补丁会导致Visual Studio在一个JavaScript库被引用

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

    这个是从网上找的,FF下不显示. 思路:根据p,div,table把文章分段存入数组,然后循环判断显示内容的长度是否超过定义的每页显示字符数,不超过加上下一个数组的内容,直到不符合条件为止. New Document * { font-size:10.2pt; font-family:tahoma; line-height:150%; } .divContent { border:1px solid red; background-color:#FFD2D3; width:500px; word

  • asp.net使用FCK编辑器中的分页符实现长文章分页功能

    本文实例讲述了asp.net使用FCK编辑器中的分页符实现长文章分页功能.分享给大家供大家参考,具体如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="SplitContent.aspx.cs" Inherits="SplitContent" %> <%@ Register Assembly="FredCK.FCKeditorV2&

  • 兼容FF和IE的动态table示例自写

    HTML的table结构如下: 复制代码 代码如下: <table id="Dy_table" width="760" cellpadding="0" style="border-top: solid 1px #9cf" class="tableStyle1" cellspacing="0"> <tr> <th style="width: 40px

  • javascript 兼容FF的onmouseenter和onmouseleave的代码

    IE下有 onmouseenter和onmouseleave来解决. 可惜ff就没有.  我再想 , 为什么这么好的功能,为什么ff不引用呢? 还有ie中的onpropertychange  ,哎,ff中都没有... 对比例子中引入了一段js ,来兼容FF的onmouseenter和onmouseleave. : 复制代码 代码如下: var xb = {     evtHash: [], ieGetUniqueID: function(_elem)     {         if (_ele

  • php中长文章分页显示实现代码

    欢迎交流!实现代码如下: 复制代码 代码如下: <?php include('include/config.php'); ?> <?php /** *Author:乌鸟heart *实现长文章分页的代码 *原理: *利用一个数组来记录文章每一页(用p0.p1.p2...做手动标记)的起始字节数,然后通过利用php函数操作这个数组去显示分页后的文章.分页显示,传递ptag(与tag的值一样)值. *利用到的php函数: *1.strlen("字符串") - Return

  • PHP 文本文章分页代码 按标记或长度(不涉及数据库)

    实例代码: 复制代码 代码如下: <?php /** * ********************************************************** * Read Me * 文章分页 * * 分页方式,可以按字数分页,按换行分页,按特殊标记分页等 * 其实实现思路是一样的,只是将其按一定规律放入一个数组 * 然后根据 url 传入的参数取得某个片段即可 * 大家完全可以写一个功能强大的函数保存起来以备不时之需 * * 题外话:很多编辑器都有插入分页按钮,利用插入的代码可

  • Bootstrap编写一个兼容主流浏览器的受众门户式风格页面

    上一次写的<Bootstrap编写一个兼容主流浏览器的受众巨幕式风格页面>(点击打开链接)部分老一辈的需求可能对这种后现代的风格并不满意,没关系,我们完全可以改变布局拉成门户式的风格,他们马上就接受了: 首先,门户式的布局的大概你要清楚,这一才利于我们快速布局开头是一个较小的巨幕,后是一个导航栏,这里还是用到了按钮组接着是各个专栏,这里是关于bootstrap栅格系统与面板的运用,最后是版权信息,这里还是一个面板. 反正个人觉得这种门户式的布局风格烂大街,但不知道为何似乎很受众的样子. 我们需

  • js离开或刷新页面检测(且兼容FF,IE,Chrome)

    复制代码 代码如下: <!DOCTYPE html><html><head><script>  function closeIt()  {    return "Any string value here forces a dialog box to \n" +          "appear before closing the window.";  }  window.onbeforeunload = close

  • PHP实现长文章分页实例代码(附源码)

    当文章内容比较长,为了更好的满足用户体验度,我们将文章内容分页显示处理,而一般分页处理是在后台发布文章的时候就将提交的内容生成多个分页后的静态文件.通过本文结合实例采用php动态将长文章内容进行分页处理. 查看效果演示     源码下载 如何分页 手动分页:一般在编辑内容时加入特殊分页标记,如{pages},提交后,PHP程序会根据分页符处理分页,生成不同的静态页面.这种分页方法分页准确,但是需要人工手动添加分页符,工作量大. 自动分页:PHP程序会根据设置好的分页符将内容进行分页,然后生成不同

  • js 操作table之 移动TR位置 兼容FF 跟 IE

    js操作table之 移动TR位置 兼容FF 跟 IE var mousePos; function Up_Move(obj){ try{ if(document.all){ document.getElementById('show_input').style.top = mousePos.y document.getElementById('show_input').style.left = mousePos.x }else{ document.getElementById('show_in

随机推荐