快捷導(dǎo)航

一個(gè)兼容FF的智能超長(zhǎng)文章分頁(yè)JS

更新時(shí)間：2007年07月30日 20:34:34 投稿：mdxy-dxy

這篇文章主要介紹了一個(gè)兼容FF的智能超長(zhǎng)文章分頁(yè)JS的相關(guān)資料,需要的朋友可以參考下

這個(gè)是從網(wǎng)上找的,FF下不顯示.
思路:根據(jù)p,div,table把文章分段存入數(shù)組,然后循環(huán)判斷顯示內(nèi)容的長(zhǎng)度是否超過(guò)定義的每頁(yè)顯示字符數(shù),不超過(guò)加上下一個(gè)數(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=""><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="vvxyksv9kd"   id="divPagenation"></div><div   class="vvxyksv9kd"   id="divContent"></div><div   class="vvxyksv9kd"   id="Content" style="display: none;"><p><strong>7月24日</strong>&nbsp;&nbsp;有人認(rèn)為，人生有兩大憾事：一是得不到，二是已失去。</p><p>其實(shí)，人生的道路從未有過(guò)筆直，都是彎曲的。我們總要經(jīng)歷無(wú)數(shù)的挫折，才能從幼稚到成熟，從失去到得到。</p><p>很多時(shí)候，我們總是在為了自己所想要的人生而疲于追逐。</p><p>有時(shí)卻發(fā)現(xiàn)自己越在乎的事，越容易落空；越在意的人，越容易離開(kāi)。</p><p>明明自己已經(jīng)足夠努力用心去做了，卻怎么也達(dá)不成理想中的結(jié)果。</p><p>于是開(kāi)始變得不安、焦慮。你的情緒不再為你自己所主宰，而是被某個(gè)人某件事所左右。</p></div>footer</BODY></HTML>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

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

===========================苗條的分割線(xiàn)===========================

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

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

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

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

改了一下,ie下沒(méi)有p也可以分頁(yè)了.不過(guò)ff出錯(cuò)了,回家繼續(xù)改.

您可能感興趣的文章: