집 >웹 프론트엔드 >JS 튜토리얼 >FF와 호환되는 스마트한 장문 페이지 매기기 JS_javascript 기술

FF와 호환되는 스마트한 장문 페이지 매기기 JS_javascript 기술

WBOY원래의: 2016-05-16 19:10:541020검색

이는 온라인에서 찾을 수 있으며 FF에는 표시되지 않습니다.
아이디어: 기사 세그먼트를 p, div, 테이블에 따라 배열로 저장한 다음 표시된 콘텐츠의 길이가 표시된 문자 수를 초과하는지 확인하기 위해 반복합니다. 페이지당 초과하지 않습니다.

조건이 충족되지 않을 때까지 다음 배열의 내용을 추가합니다.

<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>
<div id="divContent"></div>
<div id="Content" style="display: none;">
<p><strong>인민일보는 7월 24일자 보도</strong> 지난 한 달 동안 당의 모든 동지들은 중앙당교에서 후진타오 총서기의 중요한 연설을 주의 깊게 연구해 왔다. 이 중요한 연설이 당과 국가의 전반적인 발전과 관련된 전략적 문제를 강조하는 것은 모두 중국 특색의 사회주의의 장기적인 발전과 관련된 핵심 문제라는 것을 깊이 인식했습니다. 제7차 당 대회의 성공적인 개최는 당 전체가 사상을 통일하고 인식을 제고하는 중요한 정치적, 사상적, 이론적 토대를 마련한 것입니다. 당과 국가의 일. </p>
<p>당과 국가 발전의 경험은 우리가 새로운 중요한 순간에 직면하고 새로운 역사적 사명에 직면할 때마다 정세에 대한 과학적 분석과 판단이 우리의 발전 좌표에서 우리의 상황을 정확하게 이해하는 데 도움이 된다는 것을 보여줍니다. 나라의 발전방향을 정하고 올바른 원칙과 정책을 세우는 것은 전당과 온 나라 인민이 단결하여 단결하는 데서 매우 중요합니다. 후진타오 총서기의 중요한 연설을 깊이 연구하려면 연설에서 정세에 대한 과학적 판단에 대한 생각을 더욱 잘 통일해야 하며 중국 특색의 사회주의 길에서 우리가 이룩한 성과와 우리가 직면한 새로운 정세와 새로운 과업을 충분히 이해해야 합니다. 중국특색의 사회주의 사업을 위한 더 넓은 발전 전망을 개척하기 위해 노력합니다. </p>
<p>중국특색의 사회주의는 현대중국의 발전과 전진의 기치이며 전당과 각 민족 인민의 단결과 투쟁의 기치이다. 새시대부터 우리가 전개하는 사업은 중국특색의 사회주의를 건설하는 것이며 우리가 이룩한 모든 승리는 중국특색의 사회주의를 위한 승리입니다. 중국특색의 사회주의는 과학적 사회주의와 중국의 국정이 결합된 산물이다. 중국 마르크스주의 발전의 생생한 실천은 마르크스주의 기본원칙이 중국의 구체적인 현실과 밀접하게 결합되면 필연적으로 역사의 진보를 추동하는 거대한 힘이 생겨날 것이며 중국의 건설과 발전은 반드시 큰 성과를 이룩할 것임을 보여줍니다. . </p>
<p>새 시대의 지난 29년 동안 중국 특색의 사회주의 건설에서 이룩한 성과는 전 세계의 주목을 받았습니다. 국민경제는 지속적이고 신속하며 건전한 발전을 유지하였으며 인민생활은 전반적으로 풍요로워졌고 국제적 영향력도 두 배로 늘어났습니다. 사회주의 경제 건설, 정치 건설, 문화 건설, 사회 건설, 당 건설이 전면적으로 진전되고 중국인민의 정신관이 크게 변하고 민족단결이 크게 강화되었습니다. 중국특색의 사회주의의 길은 우리 나라와 민족에게 크나큰 활력을 안겨주었습니다. 중화민족이 100여년 동안 꿈꿔온 위대한 부흥과 현대화의 이상은 밝은 전망을 보여줍니다. 우리는 당의 령도하에 중국특색의 사회주의의 길에서 중국인민이 이룬 위대한 역사적 성과를 더욱 소중히 간직해야 합니다. </p>
<p>역사적 경험에 따르면 새로운 길을 여는 것은 순조로운 항해가 될 수 없으며 새로운 사업의 발전은 필연적으로 위험과 도전에 직면하게 됩니다. 우리는 국제 환경이 복잡하고 끊임없이 변화하고, 국력 경쟁이 날로 치열해지고, 평화와 발전에 영향을 미치는 불안정하고 불확실한 요인이 증가하고 있다는 점을 보아야 합니다. 경제, 과학, 기술 분야에서 장점이 있습니다. 우리 나라는 지금도 사회주의 초급단계에 처해 있을 것입니다. 인민의 물질적, 문화적 수요가 증가하는 것과 사회적 생산이 뒤떨어지는 모순은 여전히 우리 사회의 주요한 모순입니다. 우리 나라는 경제에 전면적으로 참여하고 있으며, 세계화는 산업화, 도시화, 시장화, 국제화의 심화 발전 속에서 새로운 기회와 도전에 직면해 있습니다. 그리고 새로운 모순. 우리나라는 경제체제의 심대한 변화, 사회구조의 심대한 변화, 이익구조의 심대한 조정, 이념관념의 심대한 변화 등 개혁과 발전의 관건적인 시기에 들어섰습니다. 이러한 전례 없는 사회변화는 우리나라의 발전과 진보에 큰 활력을 가져왔지만, 필연적으로 다양한 모순과 문제를 낳게 될 것입니다. 진행 중인 모순은 변증법적 관점에서 보아야 하며, 진행 중인 문제는 개발을 통해 해결되어야 합니다. 이로 인해 우리는 계속해서 중국 특색의 사회주의에 대한 연구와 탐구를 심화하고 중국 특색의 사회주의의 길을 점점 더 넓혀가기 위해 노력해야 합니다. </p>
<p>우리나라의 발전은 새로운 역사적 출발점에 서 있으며 전례 없는 기회와 도전에 직면해 있습니다. 기회를 잡고, 도전하고, 일을 잘하는 관건은 덩샤오핑 이론의 지도와 '3개 대표'의 중요한 사상을 확고히 견지하고 과학적 발전관을 철저히 관철하며 확고부동하게 견지하고 중국특색의 사회주의를 발전시켜라. 후진타오 동지를 총서기로 하여 당중앙의 두리에 더욱 긴밀히 단결하여 신념을 강화하고 자신감을 강화하며 중국특색의 사회주의의 더 넓은 발전 전망을 열어나가도록 노력합시다. </p>
</div>
보행인

[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다

]
with(this)를 제거한 후 왜 더 좋은가요?

=================== === =====슬림한 구분선=============================

아이디어: p에 따르면 , div, table 기사를 세그먼트로 배열에 저장한 다음, 조건이 충족될 때까지 표시된 콘텐츠의 길이가 페이지당 표시되는 정의된 문자 수를 초과하는지, 다음 배열의 콘텐츠를 초과하지 않는지 확인하기 위해 루프를 반복합니다.

아직 발견하지 못했습니다. 너무 큰 버그입니다. 전문가가 발견하면 변경하도록 도와주세요.

수정된 코드는 다음과 같습니다.
에서 수정한 페이징입니다. 단락에 따라 p, div, 테이블을 자동으로 식별할 수 있습니다. Pagination, 기본적으로 스마트 pagination입니다.
어린 소녀가 규칙을 잘 모르기 때문에 저를 때렸습니다. 양식을 잘못 작성했습니다.

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]
改了一下,ie下没有p也可以分页了.不过ff出错了,回家继续改.

성명：

이전 기사：Baidu의 자바스크립트 코드와 Google 인터넷 속도 테스트_javascript 팁에 액세스하세요.다음 기사：Baidu의 자바스크립트 코드와 Google 인터넷 속도 테스트_javascript 팁에 액세스하세요.

FF와 호환되는 스마트한 장문 페이지 매기기 JS_javascript 기술

관련 기사