CN107808010A - A kind of pop-up page generation method, device, browser and storage medium - Google Patents
A kind of pop-up page generation method, device, browser and storage medium Download PDFInfo
- Publication number
- CN107808010A CN107808010A CN201711146789.1A CN201711146789A CN107808010A CN 107808010 A CN107808010 A CN 107808010A CN 201711146789 A CN201711146789 A CN 201711146789A CN 107808010 A CN107808010 A CN 107808010A
- Authority
- CN
- China
- Prior art keywords
- page
- popup
- information
- loading
- configuration information
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 80
- 238000003860 storage Methods 0.000 title claims abstract description 17
- 238000009877 rendering Methods 0.000 claims description 25
- 238000004590 computer program Methods 0.000 claims description 5
- 230000008569 process Effects 0.000 abstract description 13
- 238000013468 resource allocation Methods 0.000 abstract description 5
- 230000006870 function Effects 0.000 description 22
- 230000000694 effects Effects 0.000 description 8
- 238000011161 development Methods 0.000 description 4
- 238000010586 diagram Methods 0.000 description 4
- 238000012545 processing Methods 0.000 description 4
- 238000007796 conventional method Methods 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 3
- 238000004519 manufacturing process Methods 0.000 description 3
- 238000005265 energy consumption Methods 0.000 description 2
- 238000007726 management method Methods 0.000 description 2
- 230000001737 promoting effect Effects 0.000 description 2
- 238000012360 testing method Methods 0.000 description 2
- 230000006399 behavior Effects 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000000903 blocking effect Effects 0.000 description 1
- 238000012790 confirmation Methods 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 239000000284 extract Substances 0.000 description 1
- 238000012423 maintenance Methods 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000005457 optimization Methods 0.000 description 1
- 230000008707 rearrangement Effects 0.000 description 1
- 238000012827 research and development Methods 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 238000012546 transfer Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
- G06F16/972—Access to data in other repository systems, e.g. legacy data or dynamic Web page generation
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The present invention provides a kind of pop-up page generation method, device, browser and storage medium, and this method includes：The input instruction of the triggering pop-up page is received under homepage；AJAX Asynchronous Request page infos are utilized according to the input instruction；The page info that the reception server returns；According to the page info and the default pop-up configuration information loading pop-up page.Solve needs that resource request and distribution continually occurs during the pop-up page is shown, the problem of causing higher to server performance requirement and webpage loading velocity slow, without frequently carrying out the URL resource allocations of server, the pop-up function in Web Page Design can be achieved, low is required to server performance, page loading velocity is improved, supports more browser compatibilitys, it is convenient, light using process.
Description
Technical Field
The invention relates to the technical field of Web front-end page loading, in particular to a popup page generation method and device, a browser and a storage medium.
Background
For the Web front-end development popup function, generally adopted methods are as follows:
1. and (4) popping up a prompt box. The method can be roughly divided into three ways between different browsers:
(a) alert () function, which is available to most browsers, can be written in Javascript code, and its style has some differences under different browsers, and its functionality has some small differences. For example, there is only one ok button in a firefox browser, and there is one close button and ok button in google, IE, 360, etc. However, the usage of the method is mostly consistent, namely, some data parameter information required by popup is popped up in the popup, and the popup disappears after clicking confirmation. The method is a method for embedding an object in a browser, has a function of blocking program execution, and is mostly used for functions such as testing, prompting information and the like.
(b) Using the browser's window confirm () function, which also pops up a hint in the web page, whose style, content, and nature, etc. are similar to (a) the window alert () method, but functionally assigned new meanings, semantically and logically, window confirm () is richer, after clicking the confirm button, the program and logic enter the sequence with confirm return value of true, and after clicking cancel, the program and logic enter the sequence with confirm return value of false.
(c) Prompt () function of the browser is used, and the method can also pop up prompt information, which is different from the two methods: the pop-up window requires a user to input authentication information, if the input authentication information is the same as the set logic, the program moves in the direction of returning the value to window. prompt () to true, and if the input authentication information is different from the set logic, the program moves in the direction of returning the value to window. prompt () to false.
2. Method for browser to open new window. A URL (Uniform Resource Locator) is a compact representation of the location and access method of a Resource available from the internet, and is the address of a standard Resource on the internet. Each file on the internet has a unique URL that contains information indicating the location of the file and how the browser should handle it. Conventional methods for opening a New window include location, place (New _ URL), and location, href, which is "New _ URL", of its built-in object; these three methods are also window object built-in methods of the browser. The method has the effects that a new page is opened on the basis of the original page, the page needs to request URL information, and then resources are allocated and loaded in the page. Fig. 1 is a flowchart of a conventional method for opening a new window in the prior art, and referring to fig. 1, in a main page 1, if a page 21 is to be opened, URL request information of the page 21 needs to be sent to a server 2, and the server 2 returns URL information of a corresponding page to the main page 1 of a client, and renders and displays the corresponding page. Hopping between pages (e.g., pages 21, 22 and others) and information transfer requires resource allocation by the server, instead of URL, to effect. The method for opening the new window is time-consuming and labor-consuming in the modes of requesting the page and loading the page.
3. Open () method, which is also a browser window object built-in method, opens a new web resource window. The effect is similar to the window object method, namely, the URL is requested, and the browser analyzes the address to perform page rendering.
The generation method of the popup page is mostly used for testing and research and development in actual development and production, different browsers have great difference in functions and styles in actual operation, and the styles are single and fixed, so that the requirements of designers are often not met. If the pop-up page display is performed by directly using the built-in objects of the browser, location, place (New _ URL), and window.
Disclosure of Invention
The invention provides a popup page generation method, a popup page generation device, a browser and a storage medium, and solves the problems that resource requests and allocation need to be frequently generated in a popup page display process, so that the requirements on server performance are high, and the loading speed of a webpage is low.
In a first aspect, an embodiment of the present invention provides a popup page generating method, including:
receiving an input instruction for triggering a popup page under a main page;
asynchronously requesting page information by utilizing AJAX (Asynchronous JavaScript and XML, Asynchronous JavaScript and XML (Extensible Markup Language)) according to the input instruction;
receiving page information returned by the server;
and loading the popup page according to the page information and preset popup configuration information.
Further, the popup configuration information includes a main body tag of each popup page corresponding to the server;
loading the popup page according to the page information and preset popup configuration information, comprising:
acquiring a main body label corresponding to the requested popup page from the popup configuration information;
and rendering the page information according to the main body tag, and loading to obtain the popup page.
Further, the popup configuration information also includes style information of the popup page;
loading the popup page according to the page information and preset popup configuration information, comprising:
acquiring a main body label and style information corresponding to the requested popup page from the popup configuration information;
and rendering the page information according to the main body label and the style information, and loading to obtain the popup page.
Further, before loading the popup page according to the page information and preset popup configuration information, the method further includes:
acquiring the popup window configuration information from a configuration file pre-stored by the server; or acquiring the popup window configuration information from a local cache.
Further, the page information is data of a text or HTML (HyperText Markup Language) type.
In a second aspect, an embodiment of the present invention further provides a popup page generating apparatus, where the apparatus includes:
the instruction receiving module is used for receiving an input instruction for triggering the popup page under the main page;
the information request module is used for asynchronously requesting page information by utilizing AJAX according to the input instruction;
the information receiving module is used for receiving page information returned by the server;
and the page loading module is used for loading the popup page according to the page information and preset popup configuration information.
Further, the popup configuration information includes a main body tag of each popup page corresponding to the server;
the page loading module comprises:
a main body tag obtaining unit, configured to obtain a main body tag corresponding to the requested popup page from the popup configuration information;
and the first page rendering unit is used for rendering the page information according to the main body label and loading to obtain the popup page.
Further, the popup configuration information also includes style information of the popup page;
the page loading module further comprises:
the style acquisition unit is used for acquiring a main body label and style information corresponding to the requested popup page from the popup configuration information;
and the second page rendering unit is used for rendering the page information according to the main body label and the style information, and loading to obtain the popup page.
In a third aspect, an embodiment of the present invention further provides a browser, where the browser includes:
one or more processors;
storage means for storing one or more programs;
when the one or more programs are executed by the one or more processors, the one or more processors implement the popup page generating method according to any embodiment of the present invention.
In a fourth aspect, an embodiment of the present invention further provides a computer-readable storage medium, on which a computer program is stored, where the computer program, when executed by a processor, implements the popup page generating method according to any embodiment of the present invention.
According to the method and the device, the page information is asynchronously requested through the AJAX, the popup page is loaded according to the acquired page information and the preset popup configuration information, the problems that resource requests and allocation need to be frequently generated in the popup page display process, the requirement on the performance of a server is high, and the loading speed of the webpage is low are solved, the page information is transmitted by using the AJAX asynchronous loading technology without loading a page entity, and the URL resource allocation of the server is not needed frequently, so that the popup function in the webpage manufacturing process can be realized, the load of the page request is reduced, the requirement on the performance of the server is low, the page loading speed is increased, the compatibility of multiple browsers is supported, the performance can be greatly improved, the pressure of the browsers is reduced, the energy consumption is reduced, and the use process is convenient and easy.
Drawings
FIG. 1 is a flow chart of a conventional method of opening a new window in the prior art;
FIG. 2 is a flowchart of a popup page generating method according to an embodiment of the present invention;
FIG. 3 is a flowchart of a popup page generating method according to a second embodiment of the present invention;
fig. 4 is a schematic structural diagram of a popup page generating apparatus in a third embodiment of the present invention;
fig. 5 is a schematic structural diagram of a browser in the fourth embodiment of the present invention.
Detailed Description
The present invention will be described in further detail with reference to the accompanying drawings and examples. It is to be understood that the specific embodiments described herein are merely illustrative of the invention and are not limiting of the invention. It should be further noted that, for the convenience of description, only some of the structures related to the present invention are shown in the drawings, not all of the structures.
Example one
Fig. 2 is a flowchart of a popup page generation method in an embodiment of the present invention, where this embodiment is applicable to a situation of generating a popup page, and the popup page includes: a pop-up prompt box, a new window opened by the browser, a new webpage resource opened by the browser, and the like, and the pop-up page generation method may be executed by a pop-up page generation apparatus, which may be implemented by hardware and/or software, and may be integrated in the browser. As shown in fig. 2, the method specifically includes the following steps:
step 210, receiving an input instruction triggering a popup page under a main page.
The input instruction refers to an instruction for triggering a popup page, which is generated by a user performing an operation (such as clicking or touching) on a current main page. And receiving an input instruction under the current main page, so that a trigger function corresponding to the requested popup page runs, and an effect of triggering the popup page to appear is generated. The input command may be different according to different browsers or different pop-up pages.
And step 220, utilizing AJAX to asynchronously request page information according to the input instruction.
After receiving an input instruction for triggering a corresponding popup page, the client sends the current popup page request information to be requested to the server. AJAX is a technique of exchanging data with a server and updating a part of a web page without reloading the entire page, that is, a technique capable of updating a part of a web page without reloading the entire web page. AJAX can enable asynchronous updating of web pages by exchanging a small amount of data with a server in the background. Conventional web pages (not using AJAX) must reload an entire web page if the content needs to be updated. The process adopts an AJAX asynchronous loading mode, and the browser continues to process subsequent pages while downloading and executing the current code. In the embodiment of the invention, the URL parameter of the request page can be set as the requested popup page address by using jQuery.
And step 230, receiving page information returned by the server.
After receiving the page request information, the server returns the page information through processing of jquery. The page information includes text or HTML type source data, which is not a file object entity, and the system memory occupied by the data source is far less than the physical memory, and the information is not rendered yet.
And 240, loading the popup page according to the page information and preset popup configuration information.
The popup configuration information is related configuration information required for generating the popup page, such as inherent configuration and customized special requirements. After receiving the page information, editing the information data, namely modifying the page information, specifically, performing data processing according to a processing mode set in the popup configuration information. And after the page information is processed, loading to obtain a corresponding popup page, and further displaying the popup page on a display screen.
Prior to step 240, the popup configuration information may be obtained by: acquiring the popup window configuration information from a configuration file pre-stored by the server; or acquiring the popup window configuration information from a local cache.
When the browser requests the popup page of the server for the first time, the popup configuration information is acquired from a configuration file pre-stored by the server so as to load the popup page, and the acquired popup configuration information is cached in the local browser. And when a popup page is subsequently requested, directly acquiring popup configuration information from the local cache to load the popup page. In addition, the popup configuration information cached locally by the browser can be updated regularly.
Each website server can set and store a corresponding configuration file, the configuration files can be stored in a web project directory of a project, and preset popup window configuration information is stored in the configuration files. The popup configuration information may include a body tag of each popup page corresponding to the server.
Optionally, on the basis of the foregoing embodiment, before step 210, the method further includes: and the server respectively extracts the main body tags of all popup pages corresponding to the server website as popup configuration information and stores the popup configuration information into the configuration file. The HTML information of each popup page includes contents of a body tag (HTML tag starting with < body > and ending with </body >), contents of a header tag (HTML tag starting with < head > and ending with </head >), and the like. In the embodiment of the invention, the main body labels of all popup pages are extracted and stored in the configuration file, namely, the configuration file does not comprise some redundant basic labels such as head labels and the like, thereby greatly saving resources. A body tag, i.e., a DOM (document object Model) tree node. In addition, in the loading process of the popup page, the physical HTML configuration file is used as an editing DOM carrier and is stored independently, so that the code chaos of the main page is avoided through the modularization operation, the code load is reduced, the complexity of the page code and the disorder of debugging are avoided, and the later code optimization and maintenance can be carried out easily and conveniently.
Optionally, step 240 includes: acquiring a main body label corresponding to the requested popup page from the popup configuration information; and rendering the page information according to the main body tag, and loading to obtain the popup page.
The method comprises the steps of obtaining a main body label corresponding to a requested popup page from popup configuration information, namely obtaining a body label of the popup page, wherein when the popup page is loaded, each popup page and the main page can share a set of basic root nodes and are combined with the obtained main body label node, so that the code amount is greatly reduced, the page information request energy consumption is reduced, the page loading time is shortened, and the function of optimizing the performance is played in some functional pages which need frequent page information requests and popup.
The rendering processing refers to page rendering according to a package rendering function, and comprises the following steps: definition and modification of styles, nesting of data, and the like.
The method comprises the steps of transmitting page information by utilizing an AJAX asynchronous loading technology without loading a page entity, not generating URL resource allocation of a server, only calling the page information in the AJAX to extract and render the page information, and further using a DOM node to mount the page information in a current page, thereby realizing a popup function. The loading mode solves the problems that the current popular B/S framework has large request load for loading the page, the page loading is slow, the page information can not be rendered in time and the like.
In the prior art, in the popup page information request process, a cross-domain request may exist in a physically transmitted page, and in order to avoid the problem, the embodiment of the invention adopts a method of pushing a DOM main body tag to a main page, and uses a DOM node to mount page information, that is, the content of the whole popup is loaded on the current page after being actually requested by AJAX page information, and is further positioned through a custom style, so that the required popup effect is achieved. In the process, cross-domain behaviors do not exist, so that a plurality of problems of webpage making in actual production are solved, a user can transmit and use data more easily, unnecessary technical problems are avoided, and the value experience of the data is realized.
According to the method and the device, the page information is requested asynchronously through the AJAX, the popup page is loaded according to the acquired page information and the preset popup configuration information, the problems that resource requests and allocation need to be frequently generated in the popup page display process, the performance requirement on a server is high, and the loading speed of the webpage is low are solved, the page information is transmitted by using the AJAX asynchronous loading technology without loading a page entity, URL (uniform resource locator) resource allocation of the server does not need to be frequently carried out, the load of the loaded page request is reduced, the performance requirement on the server is low, the page loading speed is increased, the performance and the efficiency are improved while the popup requirements are met, the performance loss of a browser and the server is reduced, and the user experience is improved. The method has the advantages that the method plays a good promoting role in the webpage development process, the code amount is small, the large and small page popup functions can be supported, and meanwhile, the modularized codes are convenient for later-stage management.
Example two
In this embodiment, the method for generating a popup page in the first embodiment is optimized, the popup configuration information further includes style information of the popup page, rendering effects of the style information generated under different browsers are consistent, and functions and styles of the popup can be unified by calling preset popup configuration information, so that popup styles of different browsers are unified, and compatibility requirements of each browser are met.
Fig. 3 is a flowchart of a popup page generating method in the second embodiment of the present invention, and as shown in fig. 3, the method includes:
step 310, receiving an input instruction triggering the popup page under the main page.
And 320, utilizing AJAX to asynchronously request page information according to the input instruction.
And step 330, receiving page information returned by the server.
And 340, acquiring a main body label and style information corresponding to the requested popup page from the popup configuration information.
Wherein, the style information of the popup page comprises: the function, size, layout, color, display position, etc. of the pop-up window page can be set by the website staff in a self-defined way and stored in a configuration file. When the browser loads the popup page, the style information is read from the popup configuration information, and the popup page is configured according to the style information, so that the popup pages obtained by different browsers can be unified in function and style.
The website staff can completely self-define the unique pop-up window style belonging to the website, so that the website content is more unique and enriched. The rendering effect of the self-defined popup style generated under different browsers is consistent, the functions and styles of the popup can be unified by calling preset popup configuration information, and the problem of style uniformity of different browsers is solved by the functions. Meanwhile, the compatibility requirement of each browser can be met by using the custom style, and the problem brought by compatibility is solved.
And 350, rendering the page information according to the main body label and the style information, and loading to obtain the popup page.
And rendering the page information by using the obtained main body label and style information corresponding to the requested popup page, a method, a function and the like, and finally loading to obtain the popup page which is compatible with the browser and meets the service requirement.
According to the embodiment of the invention, the page information is asynchronously requested through the AJAX, the popup page is loaded according to the acquired page information and the preset popup configuration information, the problems that the performance requirement on the server is higher and the loading speed of the webpage is slow due to frequent resource request and allocation in the popup page display process are solved, the performance and efficiency are improved while the popup requirement is met, the performance loss on the browser and the server is reduced, and the user experience is improved. The method has the advantages that the method plays a good promoting role in the webpage development process, the code amount is small, the large and small page popup functions can be supported, and meanwhile, the modularized codes are convenient for later-stage management. Furthermore, the page information is processed according to the nodes and the uniform style information, so that a page loading effect is realized, the format compatibility requirements of different browsers can be met, and the user experience is improved.
EXAMPLE III
Fig. 4 is a schematic structural diagram of a pop-up page generating device in a third embodiment of the present invention, and referring to fig. 4, the present embodiment provides a pop-up page generating device, including:
an instruction receiving module 410, configured to receive an input instruction triggering a popup page under a main page;
an information request module 420, configured to request page information asynchronously by using AJAX according to the input instruction;
the information receiving module 430 is used for receiving page information returned by the server;
the page loading module 440 is configured to load a popup page according to the page information and preset popup configuration information.
Optionally, the popup configuration information includes a body tag of each popup page corresponding to the server;
the page loading module 440 includes:
a main body tag obtaining unit, configured to obtain a main body tag corresponding to the requested popup page from the popup configuration information;
and the first page rendering unit is used for rendering the page information according to the main body label and loading to obtain the popup page.
Optionally, the popup configuration information further includes style information of the popup page;
the page loading module 440 further comprises:
the style acquisition unit is used for acquiring a main body label and style information corresponding to the requested popup page from the popup configuration information;
and the second page rendering unit is used for rendering the page information according to the main body label and the style information, and loading to obtain the popup page.
Optionally, the apparatus further comprises: the configuration information acquisition module is used for acquiring popup configuration information from a configuration file pre-stored by the server before loading a popup page according to the page information and preset popup configuration information; or acquiring the popup window configuration information from a local cache.
Further, the page information is text or HTML type data.
The device can execute the popup page generation method provided by any embodiment of the invention, and has corresponding functional modules and beneficial effects for executing the popup page generation method.
It should be noted that, in the embodiment of the pop-up page generating device, the modules included in the embodiment are only divided according to functional logic, but are not limited to the above division, as long as the corresponding functions can be implemented; in addition, the specific names of the functional modules are only for convenience of distinguishing from each other and are not used for limiting the protection scope of the present invention.
Example four
An embodiment of the present invention provides a browser, where the browser includes: one or more processors; the storage device is used for storing one or more programs, and when the one or more programs are executed by the one or more processors, the one or more processors implement the popup page generation method according to any embodiment of the invention.
Fig. 5 is a schematic structural diagram of a browser according to a fourth embodiment of the present invention, referring to fig. 5, where the browser includes a processor 510 and a memory 520; the number of the processors 510 in the browser may be one or more, and one processor 510 is taken as an example in fig. 5; the processor 510 and the memory 520 in the browser may be connected by a bus or other means, and fig. 5 illustrates the connection by a bus as an example.
The memory 520 is a computer-readable storage medium, and can be used for storing software programs, computer-executable programs, and modules, such as program instructions/modules corresponding to the pop-up page generation method in the embodiment of the present invention (for example, the instruction receiving module 410, the information requesting module 420, the information receiving module 430, and the page loading module 440 in the pop-up page generation apparatus). The processor 510 executes various functional applications of the server and popup page generation by executing software programs, instructions, and modules stored in the memory 520, thereby implementing the above-described popup page generation method.
The memory 520 may mainly include a program storage area and a data storage area, wherein the program storage area may store an operating system, an application program required for at least one function; the storage data area may store data created according to the use of the terminal, and the like. Further, the memory 520 may include high speed random access memory, and may also include non-volatile memory, such as at least one magnetic disk storage device, flash memory device, or other non-volatile solid state storage device. In some examples, the memory 520 may further include memory located remotely from the processor 510, which may be connected to the browser via a network. Examples of such networks include, but are not limited to, the internet, intranets, local area networks, mobile communication networks, and combinations thereof.
The browser provided by the embodiment of the invention can execute and realize the popup page generation method provided by any embodiment of the invention, and can execute other programs or methods according to specific service requirements.
EXAMPLE five
The present embodiment provides a computer-readable storage medium on which a computer program is stored, which when executed by a processor implements a popup page generation method according to any embodiment of the present invention.
The computer program stored in the computer-readable storage medium provided in this embodiment may also include other programs to implement specific business requirements, in addition to implementing the popup page generating method described in any embodiment of the present invention when executed by the processor.
From the above description of the embodiments, it is obvious for those skilled in the art that the present invention can be implemented by software and necessary general hardware, and certainly, can also be implemented by hardware, but the former is a better embodiment in many cases. Based on such understanding, the technical solutions of the present invention may be embodied in the form of a software product, which may be stored in a computer-readable storage medium, such as a floppy disk, a Read-Only Memory (ROM), a Random Access Memory (RAM), a FLASH Memory (FLASH), a hard disk or an optical disk of a computer, and includes several instructions for enabling a computer device (which may be a personal computer, a server, or a network device) to execute the methods according to the embodiments of the present invention.
It is to be noted that the foregoing is only illustrative of the preferred embodiments of the present invention and the technical principles employed. It will be understood by those skilled in the art that the present invention is not limited to the particular embodiments described herein, but is capable of various obvious changes, rearrangements and substitutions as will now become apparent to those skilled in the art without departing from the scope of the invention. Therefore, although the present invention has been described in greater detail by the above embodiments, the present invention is not limited to the above embodiments, and may include other equivalent embodiments without departing from the spirit of the present invention, and the scope of the present invention is determined by the scope of the appended claims.
Claims (10)
1. A popup page generation method is characterized by comprising the following steps:
receiving an input instruction for triggering a popup page under a main page;
according to the input instruction, utilizing AJAX to asynchronously request page information;
receiving page information returned by the server;
and loading the popup page according to the page information and preset popup configuration information.
2. The method of claim 1, wherein the popup configuration information includes a body tag of each popup page corresponding to the server;
loading the popup page according to the page information and preset popup configuration information, comprising:
acquiring a main body label corresponding to the requested popup page from the popup configuration information;
and rendering the page information according to the main body tag, and loading to obtain the popup page.
3. The method of claim 2, wherein the popup configuration information further comprises style information of a popup page;
loading the popup page according to the page information and preset popup configuration information, comprising:
acquiring a main body label and style information corresponding to the requested popup page from the popup configuration information;
and rendering the page information according to the main body label and the style information, and loading to obtain the popup page.
4. The method of claim 1, wherein before loading a popup page according to the page information and preset popup configuration information, the method further comprises:
acquiring the popup window configuration information from a configuration file pre-stored by the server; or,
and acquiring the popup window configuration information from a local cache.
5. The method of claim 1, wherein the page information is text or HTML type data.
6. A popup page generating apparatus, comprising:
the instruction receiving module is used for receiving an input instruction for triggering the popup page under the main page;
the information request module is used for asynchronously requesting page information by utilizing AJAX according to the input instruction;
the information receiving module is used for receiving page information returned by the server;
and the page loading module is used for loading the popup page according to the page information and preset popup configuration information.
7. The apparatus of claim 6, wherein the popup configuration information comprises a body tag of each popup page corresponding to the server;
the page loading module comprises:
a main body tag obtaining unit, configured to obtain a main body tag corresponding to the requested popup page from the popup configuration information;
and the first page rendering unit is used for rendering the page information according to the main body label and loading to obtain the popup page.
8. The apparatus of claim 7, wherein the popup configuration information further comprises style information of a popup page;
the page loading module further comprises:
the style acquisition unit is used for acquiring a main body label and style information corresponding to the requested popup page from the popup configuration information;
and the second page rendering unit is used for rendering the page information according to the main body label and the style information, and loading to obtain the popup page.
9. A browser, the browser comprising:
one or more processors;
storage means for storing one or more programs;
when executed by the one or more processors, cause the one or more processors to implement the pop-up page generation method of any of claims 1-5.
10. A computer-readable storage medium, on which a computer program is stored, which, when being executed by a processor, carries out the popup page generating method according to any one of claims 1 to 5.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201711146789.1A CN107808010A (en) | 2017-11-17 | 2017-11-17 | A kind of pop-up page generation method, device, browser and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201711146789.1A CN107808010A (en) | 2017-11-17 | 2017-11-17 | A kind of pop-up page generation method, device, browser and storage medium |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN107808010A true CN107808010A (en) | 2018-03-16 |
Family
ID=61589762
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201711146789.1A Pending CN107808010A (en) | 2017-11-17 | 2017-11-17 | A kind of pop-up page generation method, device, browser and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN107808010A (en) |
Cited By (21)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109002292A (en) * | 2018-06-11 | 2018-12-14 | 广州环通信息技术有限公司 | A kind of bullet frame realization method and system based on webpage ejection layer |
| CN109063202A (en) * | 2018-09-13 | 2018-12-21 | 北京三快在线科技有限公司 | The method, apparatus and computer equipment of pop-up are realized in mixed interface application |
| CN109274585A (en) * | 2018-10-12 | 2019-01-25 | 山东鲁能软件技术有限公司 | Instant message desktop system and method under B/S mode based on AJAX |
| CN109445786A (en) * | 2018-10-19 | 2019-03-08 | 成都安恒信息技术有限公司 | A method of the general pop-up page is realized based on JavaScript |
| CN109547653A (en) * | 2018-12-11 | 2019-03-29 | 南京小灵呼科技有限公司 | A kind of call center's incoming call bullet screen system and method based on B/S framework |
| CN110020389A (en) * | 2019-04-11 | 2019-07-16 | 广州市百果园信息技术有限公司 | Direct broadcasting room shows method, apparatus, system, equipment and the storage medium of the page |
| CN110209463A (en) * | 2019-06-19 | 2019-09-06 | 郑州悉知信息科技股份有限公司 | Pop-up shows method and apparatus |
| CN110399190A (en) * | 2019-06-21 | 2019-11-01 | 北京奇艺世纪科技有限公司 | Page display method, device, terminal device and computer-readable medium |
| CN110519250A (en) * | 2019-08-20 | 2019-11-29 | 上海掌门科技有限公司 | It is a kind of that the method and apparatus of information flow is provided |
| CN111124383A (en) * | 2019-12-20 | 2020-05-08 | 阿哈王国(武汉)教育科技有限公司 | Method for online project creation by using Python language |
| CN111158686A (en) * | 2019-12-31 | 2020-05-15 | 京东数字科技控股有限公司 | Webpage popup frame generation method and device, electronic equipment and storage medium |
| CN111381920A (en) * | 2020-02-17 | 2020-07-07 | 网易（杭州）网络有限公司 | Display method and device of pop-up window assembly and electronic terminal |
| CN111737628A (en) * | 2020-06-29 | 2020-10-02 | 湖南快乐阳光互动娱乐传媒有限公司 | Popup window popup method and device |
| CN112667326A (en) * | 2019-09-30 | 2021-04-16 | 北京国双科技有限公司 | Display method and device of popup page, computer equipment and storage medium |
| CN112733058A (en) * | 2020-12-31 | 2021-04-30 | 北京达佳互联信息技术有限公司 | Data processing system, method, device, electronic equipment and storage medium |
| CN113031948A (en) * | 2021-03-24 | 2021-06-25 | 北京字节跳动网络技术有限公司 | Popup window display method and device, computer equipment and storage medium |
| CN113268232A (en) * | 2020-02-17 | 2021-08-17 | 腾讯科技（深圳）有限公司 | Page skin generation method and device and computer readable storage medium |
| CN113722630A (en) * | 2021-09-02 | 2021-11-30 | 北京得间科技有限公司 | Method and equipment for presenting resource data in web page based on client rendering |
| CN113873331A (en) * | 2021-09-29 | 2021-12-31 | 湖南快乐阳光互动娱乐传媒有限公司 | Popup window processing method and device |
| CN114115882A (en) * | 2021-12-07 | 2022-03-01 | 天津车之家软件有限公司 | Page display method and device and computing equipment |
| CN114936055A (en) * | 2022-04-14 | 2022-08-23 | 北京金堤科技有限公司 | Popup window management method and device, storage medium and electronic equipment |
Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102150177A (en) * | 2008-09-11 | 2011-08-10 | 微软公司 | Syndicated advertising and commerce through widgets |
| CN104573066A (en) * | 2015-01-26 | 2015-04-29 | 中国工商银行股份有限公司 | Page reusing method and page reusing device |
| CN104598616A (en) * | 2015-01-30 | 2015-05-06 | 百度在线网络技术（北京）有限公司 | Page loading method, page loading device, server and page loading system |
| CN105577520A (en) * | 2015-12-18 | 2016-05-11 | 国云科技股份有限公司 | Method for web program instant message interaction |
| CN106295309A (en) * | 2015-06-09 | 2017-01-04 | 阿里巴巴集团控股有限公司 | The management method of a kind of announcement information and equipment |
| CN106682176A (en) * | 2016-12-29 | 2017-05-17 | 北京五八信息技术有限公司 | Page loading method, equipment and device |
| CN107317853A (en) * | 2017-06-20 | 2017-11-03 | 北京金山安全软件有限公司 | Method, device and system for displaying dynamic effect of message popup window |
-
2017
- 2017-11-17 CN CN201711146789.1A patent/CN107808010A/en active Pending
Patent Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102150177A (en) * | 2008-09-11 | 2011-08-10 | 微软公司 | Syndicated advertising and commerce through widgets |
| CN104573066A (en) * | 2015-01-26 | 2015-04-29 | 中国工商银行股份有限公司 | Page reusing method and page reusing device |
| CN104598616A (en) * | 2015-01-30 | 2015-05-06 | 百度在线网络技术（北京）有限公司 | Page loading method, page loading device, server and page loading system |
| CN106295309A (en) * | 2015-06-09 | 2017-01-04 | 阿里巴巴集团控股有限公司 | The management method of a kind of announcement information and equipment |
| CN105577520A (en) * | 2015-12-18 | 2016-05-11 | 国云科技股份有限公司 | Method for web program instant message interaction |
| CN106682176A (en) * | 2016-12-29 | 2017-05-17 | 北京五八信息技术有限公司 | Page loading method, equipment and device |
| CN107317853A (en) * | 2017-06-20 | 2017-11-03 | 北京金山安全软件有限公司 | Method, device and system for displaying dynamic effect of message popup window |
Non-Patent Citations (1)
| Title |
|---|
| 江小湖LAKER: ""如何实现点击按钮，触发请求，新内容在弹出窗口中显示？"", 《SEGMENTFAULT.COM/Q/1010000000393975》 * |
Cited By (31)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109002292A (en) * | 2018-06-11 | 2018-12-14 | 广州环通信息技术有限公司 | A kind of bullet frame realization method and system based on webpage ejection layer |
| CN109063202A (en) * | 2018-09-13 | 2018-12-21 | 北京三快在线科技有限公司 | The method, apparatus and computer equipment of pop-up are realized in mixed interface application |
| CN109063202B (en) * | 2018-09-13 | 2022-01-25 | 北京三快在线科技有限公司 | Method and device for realizing popup in mixed interface application and computer equipment |
| CN109274585A (en) * | 2018-10-12 | 2019-01-25 | 山东鲁能软件技术有限公司 | Instant message desktop system and method under B/S mode based on AJAX |
| CN109445786B (en) * | 2018-10-19 | 2022-02-11 | 成都安恒信息技术有限公司 | Method for realizing universal popup page based on JavaScript |
| CN109445786A (en) * | 2018-10-19 | 2019-03-08 | 成都安恒信息技术有限公司 | A method of the general pop-up page is realized based on JavaScript |
| CN109547653A (en) * | 2018-12-11 | 2019-03-29 | 南京小灵呼科技有限公司 | A kind of call center's incoming call bullet screen system and method based on B/S framework |
| CN110020389A (en) * | 2019-04-11 | 2019-07-16 | 广州市百果园信息技术有限公司 | Direct broadcasting room shows method, apparatus, system, equipment and the storage medium of the page |
| CN110209463A (en) * | 2019-06-19 | 2019-09-06 | 郑州悉知信息科技股份有限公司 | Pop-up shows method and apparatus |
| CN110399190A (en) * | 2019-06-21 | 2019-11-01 | 北京奇艺世纪科技有限公司 | Page display method, device, terminal device and computer-readable medium |
| CN110519250B (en) * | 2019-08-20 | 2022-04-15 | 南京尚网网络科技有限公司 | Method and equipment for providing information flow |
| CN110519250A (en) * | 2019-08-20 | 2019-11-29 | 上海掌门科技有限公司 | It is a kind of that the method and apparatus of information flow is provided |
| CN112667326A (en) * | 2019-09-30 | 2021-04-16 | 北京国双科技有限公司 | Display method and device of popup page, computer equipment and storage medium |
| CN111124383A (en) * | 2019-12-20 | 2020-05-08 | 阿哈王国(武汉)教育科技有限公司 | Method for online project creation by using Python language |
| CN111158686A (en) * | 2019-12-31 | 2020-05-15 | 京东数字科技控股有限公司 | Webpage popup frame generation method and device, electronic equipment and storage medium |
| CN111158686B (en) * | 2019-12-31 | 2022-04-26 | 京东科技控股股份有限公司 | Webpage popup frame generation method and device, electronic equipment and storage medium |
| CN113268232B (en) * | 2020-02-17 | 2024-04-26 | 腾讯科技（深圳）有限公司 | Page skin generation method and device and computer readable storage medium |
| CN113268232A (en) * | 2020-02-17 | 2021-08-17 | 腾讯科技（深圳）有限公司 | Page skin generation method and device and computer readable storage medium |
| CN111381920A (en) * | 2020-02-17 | 2020-07-07 | 网易（杭州）网络有限公司 | Display method and device of pop-up window assembly and electronic terminal |
| CN111737628B (en) * | 2020-06-29 | 2024-01-30 | 湖南快乐阳光互动娱乐传媒有限公司 | Popup method and popup device for popup window |
| CN111737628A (en) * | 2020-06-29 | 2020-10-02 | 湖南快乐阳光互动娱乐传媒有限公司 | Popup window popup method and device |
| CN112733058A (en) * | 2020-12-31 | 2021-04-30 | 北京达佳互联信息技术有限公司 | Data processing system, method, device, electronic equipment and storage medium |
| CN112733058B (en) * | 2020-12-31 | 2023-11-24 | 北京达佳互联信息技术有限公司 | Data processing system, method, device, electronic equipment and storage medium |
| CN113031948B (en) * | 2021-03-24 | 2024-02-23 | 抖音视界有限公司 | Popup window display method and device, computer equipment and storage medium |
| CN113031948A (en) * | 2021-03-24 | 2021-06-25 | 北京字节跳动网络技术有限公司 | Popup window display method and device, computer equipment and storage medium |
| CN113722630B (en) * | 2021-09-02 | 2022-07-05 | 北京得间科技有限公司 | Method and equipment for presenting resource data in web page based on client rendering |
| CN113722630A (en) * | 2021-09-02 | 2021-11-30 | 北京得间科技有限公司 | Method and equipment for presenting resource data in web page based on client rendering |
| CN113873331A (en) * | 2021-09-29 | 2021-12-31 | 湖南快乐阳光互动娱乐传媒有限公司 | Popup window processing method and device |
| CN113873331B (en) * | 2021-09-29 | 2024-09-13 | 湖南快乐阳光互动娱乐传媒有限公司 | Popup window processing method and device |
| CN114115882A (en) * | 2021-12-07 | 2022-03-01 | 天津车之家软件有限公司 | Page display method and device and computing equipment |
| CN114936055A (en) * | 2022-04-14 | 2022-08-23 | 北京金堤科技有限公司 | Popup window management method and device, storage medium and electronic equipment |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN107808010A (en) | A kind of pop-up page generation method, device, browser and storage medium | |
| US12182221B2 (en) | Method and terminal device for extracting web page content | |
| KR101824222B1 (en) | Fast rendering of websites containing dynamic content and stale content | |
| CN104866383B (en) | Interface calling method and device and terminal | |
| CN112100550A (en) | Page construction method and device | |
| US10289649B2 (en) | Webpage advertisement interception method, device and browser | |
| CN103502983B (en) | Memoizing Web-browsing computation with DOM-based isomorphism | |
| EP3518124A1 (en) | Webpage rendering method and related device | |
| CN111045655A (en) | Page rendering method and device, rendering server and storage medium | |
| CN109445835A (en) | Method, terminal device and the computer readable storage medium of building project frame | |
| CN111143729B (en) | Optimization method, device, equipment and storage medium based on single page application | |
| CN108733499A (en) | Browser page display data processing method and processing device | |
| CN113703893B (en) | Page rendering method, device, terminal and storage medium | |
| US11677809B2 (en) | Methods for transforming a server side template into a client side template and devices thereof | |
| CN111913705B (en) | JavaScript template implementation method based on difference updating algorithm | |
| CN105094786A (en) | Method and system for customizing page based on JavaScript | |
| CN108595697B (en) | Webpage integration method, device and system | |
| CN112269576A (en) | Component display method and device, server and storage medium | |
| CN105683957A (en) | Style sheet speculative preloading | |
| CN109948085A (en) | Browser kernel initial method, calculates equipment and storage medium at device | |
| CN107451270B (en) | Page display method, electronic equipment and computer storage media | |
| CN116009863B (en) | Front-end page rendering method, device and storage medium | |
| CN107643892B (en) | Interface processing method, device, storage medium and processor | |
| CN111767498A (en) | Method and device for realizing file information sharing | |
| CN113642295B (en) | Page typesetting method, device and computer program product |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20180316 |
|
| RJ01 | Rejection of invention patent application after publication |