FF と互換性のあるスマートな超長記事ページネーション JS_javascript テクニック

これはオンラインで見つかり、FF には表示されません。
アイデア: p、div、table に従って記事のセグメントを配列に格納し、表示されるコンテンツの長さが定義された表示文字数を超えているかどうかを判断します。条件が満たされなくなるまで、次の配列の内容を追加します。

新しいドキュメント <title> </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> <div id="divPagenation"> <div id="Content" style="display: none;"> <p><strong>人民日報は 7 月 24 日に報じた</strong> 過去 1 か月間、党内のすべての同志は中央党学校で胡錦濤総書記の重要な演説を注意深く研究してきた。この重要な演説は、党と国家の全体的な発展に関わる戦略的問題を強調しており、いずれも中国の特色ある社会主義の長期的発展に関わる重要な問題であることを誰もが深く認識した。これは党の 10 原則の基礎として機能し、第 7 回党大会の成功裡の開催は、党全体の思想を統一し、意識を高め、党大会を前進させる上で極めて重要である。党と国の仕事。 </p> <p>党と国家の発展の経験は、われわれが新たな重要な時期にあり、新たな歴史的使命に直面するたびに、状況の科学的分析と判断が、発展座標からわれわれの状況を正確に理解するのに役立つことを示している。国の発展の方向と正しい原則と政策を策定することは、全党と全国民が団結して協力するために非常に重要です。胡錦濤総書記の重要な演説を深く学ぶためには、演説における情勢の科学的判断についての考えをよりよく統一し、中国の特色ある社会主義の道でわれわれが成し遂げた成果とわれわれの新たな情勢と新たな任務を十分に理解する必要がある。中国の特色ある社会主義の大義に向き合い、より広範な発展の展望を切り開くために努力する。 </p> <p>中国の特色ある社会主義は現代中国の発展と進歩の旗であり、全党と各民族人民の団結と闘争の旗である。新時代以来、われわれが取り組んできた事業は中国の特色ある社会主義の建設であり、われわれが獲得した勝利はすべて中国の特色ある社会主義の勝利である。中国の特色ある社会主義は、科学的社会主義と中国の国情の結合の産物である。中国におけるマルクス主義の発展の生き生きとした実践は、マルクス主義の基本原則が中国の具体的現実と緊密に融合すれば、歴史の進歩を促進する巨大な力が必然的に生成され、中国の建設と発展が必ず大きな成果を達成することを示している。 。 </p> <p>新時代の過去29年間、中国の特色ある社会主義建設の成果は世界の注目を集めた。国家経済は持続的かつ急速かつ健全な発展を続けており、国民の生活は全体的には適度に豊かになり、国際的な影響力は大幅に拡大した。社会主義経済建設、政治建設、文化建設、社会建設、党建設が全面的に推進され、中国人民の精神的観は大きく変化し、国家の団結力は大きく強化された。中国の特色ある社会主義の道は、我が国と民族に大きな活力を与え、中華民族が百年以上夢見てきた偉大な復興と近代化の理想に明るい展望を示している。党の指導の下、中国の特色ある社会主義の道において中国人民が成し遂げた偉大な歴史的成果は、歴史の中で輝かしいものとなるであろう。我々はこれをさらに大切にしなければならない。 </p> <p>歴史的な経験は、新しい道を切り開くことは順風満帆ではなく、新しい事業の発展には必然的にリスクと課題に遭遇することを示しています。国際環境は複雑かつ絶えず変化しており、総合的な国力における競争はますます激化しており、平和と発展に影響を与える不安定で不確実な要因が増大していることを我々は認識すべきである。経済、科学、技術面での利点。わが国は、長い間、社会主義の初段階にあり、人民の物質的・文化的需要の増大と後進的な社会生産との間の矛盾は、依然として、すべての人々の利益を調整し、均衡を保つという課題である。我が国は経済に全面的に参加しており、工業化、都市化、市場化、国際化の進展の下で、我が国の様々な事業の発展は新たな課題に直面している。そして新たな矛盾。我が国は、経済システムの大きな変化、社会構造の大きな変化、関心パターンの大きな調整、イデオロギー概念の大きな変化を伴う、改革と発展の重要な時期に入っています。この前例のない社会変化は、我が国の発展と進歩に大きな活力をもたらしましたが、同時にさまざまな矛盾や問題も必然的に生じます。進行中の矛盾は弁証法的な観点から見なければならず、進行中の問題は発展を通じて解決されなければなりません。このため、われわれは引き続き中国の特色ある社会主義の研究と探究を深め、中国の特色ある社会主義の道をさらに広くするよう努力する必要がある。 </p> <p>我が国の発展は新たな歴史の出発点に立ち、前例のない機会と前例のない課題に直面しています。機会を捉え、課題に対処し、良い仕事をするための鍵は、鄧小平理論の指針と「三つの代表」の重要な思想を揺るぎなく堅持し、発展に関する科学的展望を徹底的に実行し、そして発展を揺るぎなく遵守しなければならないことである。中国の特色ある社会主義を発展させる。胡錦濤同志を総書記とする党中央委員会を中心にさらに緊密に団結し、信念を強化し、自信を高め、中国の特色ある社会主義のより広範な発展の展望を切り開くよう努力しようではありませんか。 </p> </div> フッター <br><input onclick="runEx('runcode88090')" type="button" value="运行代码"><input onclick="doCopy('runcode88090')" type="button" value="复制代码"> <input onclick="doSave(runcode88090)" type="button" value="保存代码"> <a href="http://www.jb51.net/article/23421.htm" title="查看具体详情" target="_blank">[Ctrl A すべて選択 注: </a>外部 Js を導入する必要がある場合は、</div> を実行するために更新する必要があります]<script language="JavaScript"> <!-- function DHTMLpagenation(content) { with (this) { // client static html file pagenation this.content=content; this.contentLength=content.length; this.pageSizeCount; this.perpageLength=100; //default perpage byte length. this.currentPage=1; //this.regularExp=/.+[\?\&]{1}page=(\d+)/; this.regularExp=/\d+/; this.divDisplayContent; this.contentStyle=null; this.strDisplayContent=""; this.divDisplayPagenation; this.strDisplayPagenation=""; arguments.length==2?perpageLength=arguments[1]:''; try { divExecuteTime=document.createElement("DIV"); document.body.appendChild(divExecuteTime); } catch(e) { } if(document.getElementById("divContent")) { divDisplayContent=document.getElementById("divContent"); } else { try { divDisplayContent=document.createElement("DIV"); divDisplayContent.id="divContent"; document.body.appendChild(divDisplayContent); } catch(e) { return false; } } if(document.getElementById("divPagenation")) { divDisplayPagenation=document.getElementById("divPagenation"); } else { try { divDisplayPagenation=document.createElement("DIV"); divDisplayPagenation.id="divPagenation"; document.body.appendChild(divDisplayPagenation); } catch(e) { return false; } } DHTMLpagenation.initialize(); return this; }}; DHTMLpagenation.initialize=function() { with (this) { divDisplayContent.className=contentStyle!=null?contentStyle:"divContent"; if(contentLength<=perpageLength) { strDisplayContent=content; divDisplayContent.innerHTML=strDisplayContent; return null; } pageSizeCount=Math.ceil((contentLength/perpageLength)); DHTMLpagenation.goto(currentPage); DHTMLpagenation.displayContent(); }}; DHTMLpagenation.displayPage=function() { with (this) { strDisplayPagenation="分页："; if(currentPage&¤tPage!=1) strDisplayPagenation+='<a href="javascript:void(0)" onclick="DHTMLpagenation.previous()">上一页 '; else strDisplayPagenation+="上一页 "; for(var i=1;i<=pageSizeCount;i++) { if(i!=currentPage) strDisplayPagenation+='<a href="javascript:void(0)" onclick="DHTMLpagenation.goto('+i+');">'+i+' '; else strDisplayPagenation+=i+" "; } if(currentPage&¤tPage!=pageSizeCount) strDisplayPagenation+='<a href="javascript:void(0)" onclick="DHTMLpagenation.next()">下一页 '; else strDisplayPagenation+="下一页 "; strDisplayPagenation+="共 " + pageSizeCount + " 页，每页" + perpageLength + " 字符，调整字符数：<input type='text' value='"+perpageLength+"' id='ctlPerpageLength'><input type='button' value='确定' onclick='DHTMLpagenation.change(document.getElementById(\"ctlPerpageLength\").value);'>"; 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); //--> </script><br>with(this) を削除した方が良いのはなぜですか? <br><br>============== === =====スリムな分割線============================ <br><br>アイデア: p による、 div、 table 記事をセグメント単位で配列に格納し、条件が満たされるまで、表示されたコンテンツの長さがページごとに定義された表示文字数を超えているかどうか、また次の配列のコンテンツを超えていないかどうかをループして判断します。 <br><br> 私はまだそれを見つけていません。もし専門家がそれを見つけたら、修正してください。<br><br> 修正されたコードは次のとおりです。 <br> で修正したページングです。段落に応じて p、div、table を自動的に識別します。基本的にはスマートなページネーションです。<br> 女の子はルールにあまり慣れていないので、彼女が私を殴りました。 <br><div class="htmlarea"><textarea id="runcode79804"> が間違ったフォームを書きました。 <style type="text/css"> <!-- div,table,td,p{font-size:14px;} .number {color: #FF0000;font-weight: bold;margin:0 10px 0 0;} --> </style> <div id="divPagenation"> </div> <div id="divContent"></div> <div id="hidden" style="display:none;"> <span class="number">1</span> オリエンタル モーニング ポストは 7 月 30 日、最近発表された山東省の 2006 年年次監査報告書で、チャイナ ネットコム山東支店の従業員に対する住宅積立基金の平均月額支払額は 6,389 元であるのに対し、住宅積立基金の平均月額支払額は 6,389 元であると報じた。済南市の一般企業の従業員は6,389元わずか11元だった。一般従業員の住宅問題解決を支援するために政府が策定した政策は、一部の高所得層が従業員への福利厚生を得る手段となっている。 <p><span class="number">2</span>預金比率の差は最大20倍</p> <p><span class="number">3</span>報告書によると、積立金の拠出比率が不均一であるため、業界やグループ間の所得格差が拡大し、拠出比率の差は最大20倍に達している。 </p> <span class="number">4</span>監査報告書は、積立金制度では従業員および部門の積立金拠出割合が従業員の前年の平均月給の5％を下回ってはならず、原則として規定していると指摘した。 12%を超えてはなりません。監査の結果、山東省15都市の住宅積立金の支払率はほぼ規定の範囲内に管理されているが、一部の業種や部門は規定の比率を上回ったり下回ったりしており、最高は20%に達し、最低はわずか1%であることが判明した。 %。 <p><span class="number">5</span>支払い比率は均一ではなく、異なる業界や異なる人々の間で所得格差が拡大しています。監査報告書によると、チャイナネットコム山東支店の平均月給ベースは2万1300元、預金率は15％、一人当たりの平均月給は6389元だったのに対し、済南貯水槽工場の平均月給ベースは2万1300元だった。 141.2元、預金率は4％、一人当たりの月平均預金額はわずか11元だ。 </p> <div> <span class="number">6</span>監査報告書は、積立基金の融資は主に高所得層と安定した収入のある政府機関や機関の職員に集中していると考えている。 </div> <p><span class="number">7</span> 積立基金が脱税のツールであることが判明</p> <div> <span class="number">8</span>中国人民政治協商会議全国委員会の委員である郭松海氏は、監査結果と同様に、同じ都市で最も高所得層の住宅積立基金の預金が、従業員と低所得層の従業員の格差は大きく、月々の支払い額が数千元節約できる人もいれば、10元や20元しかない人もいる。先進地域の一部の独占産業や利益率の高い企業は、納めるべき税金の一部を住宅積立金口座に積み立てており、積立金は住宅の購入に利用できるだけでなく、脱税の手段にもなる。それとは対照的に、本当に住宅を購入する必要がある一般の人々の中には、住宅積立金を持っていないか、支払額が低くローンを組むのが難しいため、安心して住宅を手に入れるという夢を実現することが依然として困難であるかのどちらかです。 </div> <p><span class="number">9</span>住宅購入に対する政策支援として、住宅積立基金制度は大多数の低・中所得世帯に配慮すべきである。それは高所得層にとっての「おまけ」ではなく、中・低所得層にとっての「タイムリーな支援」であるべきだ。住宅積立金のカバー率を高めるとともに、関係部門は政策実施上の問題点を整理し、監督体制を改善し、預金の「上限」規制を実施し、企業の脱税や過払いによる脱税を防止する必要がある。従業員に高額の福利厚生を求める行為は、社会的公平性の促進における住宅積立金政策の役割を最大限に発揮します。 </p> <table border="0" cellspacing="1" cellpadding="0" bgcolor="#000000"> <tr bgcolor="#FFFFFF"> <td colspan="10"><span class="number">10</span></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">自動インクリメント</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">文字</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><span class="number">11</span>据法新社２９日报道，近期，日本东京一幢公寓大楼的１８户居民先后在自家信箱中发现数额不等的现钞，面额总计１８１万日元（约合１.５万美元）。</p> <p><span class="number">12</span>据警方透露，钞票都装在普通信封内。信封没有封口，上面也没有标注任何信息。</p> <p><span class="number">13</span>大楼居民多为中产阶级。信箱中发现现钞的住户中的一些人起初以为钞票是假的，确定都是真币后，马上把这一离奇事件报告警方。</p> <span class="number">14</span>大楼住户对大楼信箱内惊现神秘现金的反应害怕多过惊喜。对于如何处理，大多数人认为，偷偷地把来路不明的钱据为己有的做法不光彩。 <p><span class="number">15</span>迄今，数额最大的是本月23日出现在古城京都一名67岁妇人家信箱中的一笔神秘现金。现金同样装在一个信封中，面值1000万日元（约合8.4万美元）。</p> <p><span class="number">16</span>从天而降</p> <p>除了在信箱中发现来路不明的现金，有人甚至遇到大笔现金"从天而降"的怪事。</p> <p><span class="number">17</span>就有96万日元（约合8000美元）从天而降，散落到一家便利店门前。但现场并没有出现混乱。一位接报后赶至现场的警察认为，其中原因是人们觉得这事太过蹊跷而不敢碰这些钱。</p> <p><span class="number">18</span>其实，日本已经出现过一轮神秘现金现身事件。日本很多市政大楼的男卫生间内出现神秘现金。现钞面额都为１万日元，随钞票还附有一封信件，上面有手书的"请用这些钱行善"等字样。</p> <p><span class="number">19</span>人们由此猜测，散留现金的人可能是公务员，希望借此振奋人心，抑或是得道高僧，号召人们多行善事。</p> </div>

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