[发明专利]采用HTML5技术对网页内容进行分页显示的方法

摘要

本发明涉及一种采用HTML5技术对网页内容进行分页显示的方法，网页上需要分页显示的基本内容单元，是图书中的一个连续不分页的内容区块，通常这是图书的一个章；将较长的网页内容根据图书的每个章，分拆为多个小节，需要将较长的网页内容进行拆分，拆分为若干个小节，这个拆分的部分，称为“小节”，将很多个小节组合起来，共同构成完整的分页效果，然后一部分一部分地显示在栏目中。本发明能够让HTML5的内容，以分页的方式进行显示，高性能的算法，即使上百页的内容，也可能在几秒内完成分页，速度可媲美PC机上Word的分页速度，内容发生变化时，可以很方便的重新计算分页，完全采用HTML5代码实现，因而有着良好的可移植性。

主权项

1.一种采用HTML5技术对网页内容进行分页显示的方法，其特征在于：包括以下步骤：(1)网页上需要分页显示的基本内容单元，是图书中的一个连续的、没有人工预先设定好分页的内容区块，不同图书设置内容区块的方式不一样，内容区块可以是图书的一个章，也可以不是；(2)将较长的网页内容根据图书的每个章，分拆为多个小节，需要将较长的网页内容进行拆分，拆分为若干个小节，这个拆分的部分，称为“小节”，将很多个小节组合起来，共同构成完整的分页效果，然后一部分一部分地显示在栏目中；(3)计算出每个小节的高度，然后计算出“剩余影响”；小节的“剩余影响”，在排版仍然要考虑在内，计算出每个小节对后面的小节的“剩余影响”，计算出了剩余影响，以后各个小节排列时，只要考虑到前一个小节的“剩余影响”，就可以通过多个小节的组合，实现较长内容的分栏排版；(4)生成一系列页面对象，每个页面对象包含合适的栏内容，从而看上去像图书的“一页”，首先，将分栏中的一个栏，变为一个独立的页面；具体的做法：将分栏中的栏的尺寸，设置为和页面尺寸同样大小；设定页面为容器，其中包含分栏内容；调整分栏的margin‑left参数，让想要的栏出现在最左边；分栏内容的父对象，父对象的宽度设置为页面的宽度，这样超出这个宽度的栏，都不会显示出来，父对象的高度就设置为页面的高度，分栏的高度也设置为页面的高度，页面的高度的计算方法为：创建一个临时的页面对象为“高度探测对象”，因为小节的高度，必须实际赋予了DOM对象才能测试出来，因此，需要通过临时的页面对象，临时赋予小节内容，并测量其高度，这个临时页面对象的尺寸应该和正式的页面完全一样，并且其宽度和高度在可视区域之外，这样在测试高度时，不会引起屏幕刷新，所得到的每个小节的高度即页面的高度，分栏对象的margin‑left设置为若干栏的宽度，这样在父对象中，就能显示出指定的栏；规定页面的尺寸，让剩余的栏不显示出来；通过这样的设置，就可以让页面显示指定的一个栏；就将分栏中的一个栏，转化为了一个独立的页面，为了提高性能，每个页面就不能包含所有的栏，只包含其要显示的栏，多余的栏越少越好；(5)将HTML5的内容拆分为很多个独立的页面对象生成后，可以根据需要进行显示或者设置翻页效果，翻页效果的实现，实际上就是对页面进行某种切换。