Display method and system for browser page

Abstract

The invention provides a display method and a display system for a browser page. The method comprises the step of performing analysis and rendering on preset page code files to obtain a display page, wherein the page contains a first page head, a first page footer and a file, the file comprises a second page head, content and a second footer, the attributes of the first page head and first page footer are non-occupation documents, and the attributes of the second page head and the second page footer are occupation documents. According to the technical scheme provided by the invention, the developing efficiency of the browser page can be improved and the development cost is reduced.

Description

【Technical field】 [0001] The invention relates to the page typesetting technology of the Internet, in particular to a browser page display method and system. 【Background technique】 [0002] Currently, in the typesetting technology of browser pages, by setting the properties of the header and footer to be fixed, the header and footer are separated from the document and suspended above the document without occupying the document, so that the header and footer do not follow the document. The document is used to specify the position occupied by the displayed content in the browser page during typesetting. The default setting of most display objects in the browser page is static, that is, the header and footer do not separate from the document, occupy the document, and belong to a part of the document, for example, figure 1 is a structural diagram of a browser page, such as figure 1 As shown, the browser page needs to display the header, content, and footer; if you set the head...

AI Technical Summary

Problems solved by technology

To solve this problem, as image 3 As shown, the header and footer can be separated from the document, the header and footer are respectively fixed at the top and bottom of the browser window, not part of the document, the document only contains content, and the height of the document is equal to the height of the content; thus, Since the header and footer are separated from the document, when the page is typeset, the content area no longer starts from the bottom of the header, but from the beginning of the document. Similarly, the footer will not be located The position at the end of the content, but at the bottom of the browser window. At this time, the height of the browser window is equal to the height of the document, causing some content in the document to be covered by the header and footer and cannot be displayed. Even if you drag the scroll bar to At the bottom, the footer still covers part of the content

[0003] Currently, to solve figure 2 and image 3 Questions such as Figure 4 As shown, the top and bottom margins of the content are usually set to leave a blank area equal to the height of the header and footer before and after the content, so that the displayed content is not covered by the header and footer; but this method must be pre- Get the header height and footer height; if the header height and footer height are unknown and you still use this method, you need to design a corresponding style sheet for each browser page, or read the page header after the page code is loaded height and footer height, and then reset the top and bottom margins of the content according to the height of the header and footer. In this way, additional development costs will be incurred, and the development efficiency will be low; after development, if the header and footer Changes will also increase maintenance costs

[0004] In addition, the above-mentioned browser page typesetting technology is relatively common in computers, and the implementation method is very simple, such as setting the height of the content to be fixed, and setting the scroll bar to be automatic; however, the current browser of the Android terminal cannot support these Simple settings, so you must rely on the third-party JavaScript framework to solve the problem, the JavaScript framework will bring additional resource overhead while solving the problem, and the iscroll framework in the JavaScript framework that implements scrolling will implement when solving the problem The process is more complicated, and it is easy to conflict with the browser, which will cause the entire browser to crash

Images