一個兼容FF的智能超長文章分頁JS

2019-11-21 01:59:56

字體：大中小

供稿：網(wǎng)友

這個是從網(wǎng)上找的,FF下不顯示.
思路:根據(jù)p,div,table把文章分段存入數(shù)組,然后循環(huán)判斷顯示內(nèi)容的長度是否超過定義的每頁顯示字符數(shù),不超過加上下一個數(shù)組的內(nèi)容,直到不符合條件為止.

<!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="http://m.survivalescaperooms.com/"/> <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   class="iwvjtn8m0"   id="divPagenation"></div> <div   class="iwvjtn8m0"   id="divContent"></div> <div   class="iwvjtn8m0"   id="Content" style="display: none;"> <p><strong>人民日報7月24日報道</strong>  近一個月來，全黨同志都在認(rèn)真學(xué)習(xí)胡錦濤總書記在中央黨校的重要講話。大家深刻體會到，這一重要講話意蘊(yùn)深遠(yuǎn)，內(nèi)涵豐富，強(qiáng)調(diào)的都是事關(guān)黨和國家發(fā)展全局的戰(zhàn)略性問題，都是事關(guān)中國特色社會主義長遠(yuǎn)發(fā)展的關(guān)鍵性問題，為黨的十七大勝利召開奠定了重要的政治、思想和理論基礎(chǔ)，對于全黨統(tǒng)一思想，提高認(rèn)識，推進(jìn)黨和國家的各項(xiàng)工作具有十分重要的意義。</p> <p>黨和國家發(fā)展的經(jīng)驗(yàn)表明，每當(dāng)我們處在新的重要時刻、面臨新的歷史使命之時，科學(xué)地分析和判斷形勢，對于我們從世界和時代的發(fā)展坐標(biāo)上，準(zhǔn)確認(rèn)識我們國家的發(fā)展方位，制定正確的方針政策，對于團(tuán)結(jié)全黨和全國人民共同奮斗，都是十分重要的。深入學(xué)習(xí)胡錦濤總書記的重要講話，就要更好地把思想統(tǒng)一到講話對形勢的科學(xué)判斷上來，就要充分認(rèn)識我們在中國特色社會主義道路上取得的成就和面臨的新形勢新任務(wù)，奮力開拓中國特色社會主義事業(yè)更為廣闊的發(fā)展前景。</p> <p>中國特色社會主義，是當(dāng)代中國發(fā)展進(jìn)步的旗幟，是全黨全國各族人民團(tuán)結(jié)奮斗的旗幟。新時期以來，我們從事的事業(yè)就是建設(shè)中國特色社會主義，我們?nèi)〉玫囊磺袆倮际侵袊厣鐣髁x的勝利。中國特色社會主義是科學(xué)社會主義與中國國情相結(jié)合的產(chǎn)物。馬克思主義在中國發(fā)展的生動實(shí)踐表明，馬克思主義基本原理同中國具體實(shí)際緊密結(jié)合，就必定產(chǎn)生推動歷史前進(jìn)的巨大力量，中國的建設(shè)和發(fā)展就必定取得巨大成就。</p> <p>新時期２９年來，中國特色社會主義建設(shè)的成就舉世矚目。國民經(jīng)濟(jì)保持了持續(xù)快速健康發(fā)展，經(jīng)濟(jì)總量躍居世界第四位，人民生活總體上實(shí)現(xiàn)了小康，城鄉(xiāng)居民收入成倍增長，國際影響顯著擴(kuò)大，國際地位不斷提升，社會主義經(jīng)濟(jì)建設(shè)、政治建設(shè)、文化建設(shè)、社會建設(shè)和黨的建設(shè)全面推進(jìn)，中國人民的精神面貌發(fā)生了深刻變化，民族凝聚力極大增強(qiáng)。中國特色社會主義道路賦予我們國家和民族以強(qiáng)大生機(jī)，一百多年來中華民族夢寐以求的偉大復(fù)興和現(xiàn)代化理想展現(xiàn)出燦爛的前景。在黨的領(lǐng)導(dǎo)下中國人民在中國特色社會主義道路上取得的偉大的歷史性成就，來之不易，彪炳史冊，需要我們倍加珍惜。</p> <p>歷史經(jīng)驗(yàn)表明，新道路的開辟不可能一帆風(fēng)順，新事業(yè)的發(fā)展難免會遇到風(fēng)險和挑戰(zhàn)。我們應(yīng)當(dāng)看到，國際環(huán)境復(fù)雜多變，綜合國力競爭日趨激烈，影響和平與發(fā)展的不穩(wěn)定不確定因素日益增多，我們?nèi)詫㈤L期面對發(fā)達(dá)國家在經(jīng)濟(jì)科技等方面占優(yōu)勢的壓力。我國正處于并將長期處于社會主義初級階段，人民日益增長的物質(zhì)文化需要同落后的社會生產(chǎn)之間的矛盾仍然是我國社會的主要矛盾，統(tǒng)籌兼顧各方面利益任務(wù)艱巨而繁重，我國全面參與經(jīng)濟(jì)全球化面對新的機(jī)遇也面臨新的挑戰(zhàn)，工業(yè)化、城鎮(zhèn)化、市場化、國際化深入發(fā)展形勢下我國各項(xiàng)事業(yè)的發(fā)展面臨新課題新矛盾。我國已進(jìn)入改革發(fā)展的關(guān)鍵時期，經(jīng)濟(jì)體制深刻變革，社會結(jié)構(gòu)深刻變動，利益格局深刻調(diào)整，思想觀念深刻變化。這種空前的社會變革，給我國發(fā)展進(jìn)步帶來巨大活力，也必然帶來這樣那樣的矛盾和問題。前進(jìn)中的矛盾，要用辯證的眼光來看待；前進(jìn)中的問題，要用發(fā)展的辦法來解決。這就更加需要我們繼續(xù)深化對中國特色社會主義的研究和探索，努力使中國特色社會主義道路越走越寬廣。</p> <p>我國的發(fā)展站在新的歷史起點(diǎn)上，面臨的機(jī)遇前所未有，面對的挑戰(zhàn)也前所未有。抓住機(jī)遇，迎接挑戰(zhàn)，做好工作，關(guān)鍵就在于我們必須始終不渝地堅持以鄧小平理論和"三個代表"重要思想為指導(dǎo)，深入貫徹落實(shí)科學(xué)發(fā)展觀，毫不動搖地堅持和發(fā)展中國特色社會主義。讓我們更加緊密地團(tuán)結(jié)在以胡錦濤同志為總書記的黨中央周圍，堅定信念，增強(qiáng)信心，奮力開拓中國特色社會主義更為廣闊的發(fā)展前景。</p> </div> footer <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </BODY> </HTML>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執(zhí)行]

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

===========================苗條的分割線===========================

思路:根據(jù)p,div,table把文章分段存入數(shù)組,然后循環(huán)判斷顯示內(nèi)容的長度是否超過定義的每頁顯示字符數(shù),不超過加上下一個數(shù)組的內(nèi)容,直到不符合條件為止.

偶還沒找到太大的bug.如果哪位達(dá)人發(fā)現(xiàn)了,幫偶改一下啦.先謝過

改過的代碼在
偶修改的分頁,可以自動識別p,div,table根據(jù)段落分頁,基本做到了智能分頁.
小女子正則不是很熟,寫錯了表打我.

[Ctrl+A 全選注:如需引入外部Js需刷新才能執(zhí)行]

改了一下,ie下沒有p也可以分頁了.不過ff出錯了,回家繼續(xù)改.

上一篇：用倒置濾鏡把div倒置，再把table倒置。

下一篇：取鍵盤鍵位ASCII碼的網(wǎng)頁