Home > Article > Web Front-end > A smart extra-long article pagination JS_javascript technique compatible with FF

A smart extra-long article pagination JS_javascript technique compatible with FF

WBOYOriginal: 2016-05-16 19:10:54984browse

This is found online and is not displayed in FF.
Idea: Store the article segments into an array based on p, div, table, and then loop to determine whether the length of the displayed content exceeds the defined number of characters displayed per page, and does not exceed Add the contents of the next array until the condition is not met.

<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>

header
<div id="divPagenation"></div>
<div id="divContent"></div>
<div id="Content" style="display: none;">
<p><strong>People’s Daily reported on July 24</strong> Over the past month, all comrades in the party have been carefully studying General Secretary Hu Jintao’s important speech at the Central Party School. Everyone deeply realized that this important speech is far-reaching and rich in connotation. It emphasizes strategic issues related to the overall development of the party and the country. They are all key issues related to the long-term development of socialism with Chinese characteristics. It serves as the basis for the ten principles of the party. The successful convening of the Seventh National Congress laid an important political, ideological and theoretical foundation. It is of great significance for the whole party to unify its thinking, raise awareness and advance the work of the party and the country. </p>
<p>The experience of the development of the party and the country shows that whenever we are at a new important moment and face a new historical mission, scientific analysis and judgment of the situation will help us accurately understand our situation from the development coordinates of the world and the times. The development direction of the country and formulating correct principles and policies are very important for uniting the whole party and the people of the country to work together. To deeply study General Secretary Hu Jintao’s important speech, we must better unify our thoughts on the scientific judgment of the situation in the speech, fully understand the achievements we have made on the road of socialism with Chinese characteristics and the new situations and new tasks we face, and strive to Open up broader development prospects for the cause of socialism with Chinese characteristics. </p>
<p>Socialism with Chinese characteristics is the banner for the development and progress of contemporary China and the banner for the unity and struggle of the entire Party and people of all ethnic groups. Since the new era, the cause we have been engaged in is to build socialism with Chinese characteristics, and all the victories we have achieved are victories for socialism with Chinese characteristics. Socialism with Chinese characteristics is the product of the combination of scientific socialism and China's national conditions. The vivid practice of the development of Marxism in China shows that if the basic principles of Marxism are closely integrated with China's specific reality, a huge force will inevitably be generated to promote the progress of history, and China's construction and development will surely achieve great achievements. </p>
<p>In the past 29 years in the new era, the achievements in building socialism with Chinese characteristics have attracted worldwide attention. The national economy has maintained sustained, rapid and healthy development. Its economic aggregate has ranked fourth in the world. People's lives have generally become moderately prosperous. The income of urban and rural residents has doubled. Its international influence has expanded significantly. Its international status has been continuously improved. Socialist economic construction, political Construction, cultural construction, social construction and party building have been comprehensively advanced. The spiritual outlook of the Chinese people has undergone profound changes and national cohesion has been greatly enhanced. The path of socialism with Chinese characteristics has given our country and nation great vitality. The ideal of great rejuvenation and modernization that the Chinese nation has dreamed of for more than a hundred years shows bright prospects. Under the leadership of the party, the great historic achievements made by the Chinese people on the road of socialism with Chinese characteristics are hard-won and will shine through the annals of history. We need to cherish them even more. </p>
<p>Historical experience shows that opening up a new path cannot be smooth sailing, and the development of new undertakings will inevitably encounter risks and challenges. We should see that the international environment is complex and ever-changing, competition in comprehensive national strength is becoming increasingly fierce, and unstable and uncertain factors affecting peace and development are increasing. We will still face the long-term pressure of developed countries to have advantages in economics, science and technology. Our country is and will be in the primary stage of socialism for a long time. The contradiction between the people's growing material and cultural needs and backward social production is still the main contradiction in our society. The task of coordinating and balancing the interests of all parties is arduous and arduous. Our country fully participates in the economy. Globalization is facing new opportunities and new challenges. Under the in-depth development of industrialization, urbanization, marketization and internationalization, the development of various undertakings in our country is facing new issues and new contradictions. Our country has entered a critical period of reform and development, with profound changes in the economic system, profound changes in social structure, profound adjustments in the interest pattern, and profound changes in ideological concepts. This unprecedented social change has brought great vitality to our country's development and progress, but it will also inevitably bring about various contradictions and problems. Contradictions in progress must be viewed from a dialectical perspective; problems in progress must be resolved through development. This makes it even more necessary for us to continue to deepen the research and exploration of socialism with Chinese characteristics and strive to make the path of socialism with Chinese characteristics wider and wider. </p>
<p>Our country’s development stands at a new historical starting point, facing unprecedented opportunities and unprecedented challenges. The key to seizing opportunities, meeting challenges, and doing a good job is that we must unswervingly adhere to the guidance of Deng Xiaoping Theory and the important thought of "Three Represents", thoroughly implement the Scientific Outlook on Development, and unswervingly adhere to and develop China Characteristic socialism. Let us unite more closely around the Party Central Committee with Comrade Hu Jintao as General Secretary, strengthen our beliefs, enhance our confidence, and strive to open up broader development prospects for socialism with Chinese characteristics. </p>
</div>
footer

[Ctrl A select all Note: If you need to introduce external Js, you need to refresh to execute

]
Why is it better after removing with(this)? What is the function of with()?

======================== =====Slim dividing line============================

Idea: According to p, div, table Store the article in segments into an array, and then loop to determine whether the length of the displayed content exceeds the defined number of characters displayed per page, and does not exceed the content of the next array, until the conditions are not met.

I haven’t found it yet. It’s such a big bug. If any expert finds it, please help me change it. Thanks in advance

The modified code is in the paging that I modified in
. It can automatically identify p, div, and table according to the paragraph. Pagination, basically smart pagination.
The little girl is not very familiar with the rules, so she hit me if she wrote the wrong form.

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

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：Access the javascript code of Baidu and Google Internet Speed Test_javascript tipsNext article：Access the javascript code of Baidu and Google Internet Speed Test_javascript tips

See more

A smart extra-long article pagination JS_javascript technique compatible with FF

Related articles