CN111209503B - Processing method and device for popup window in webpage, electronic equipment and storage medium - Google Patents
Processing method and device for popup window in webpage, electronic equipment and storage medium Download PDFInfo
- Publication number
- CN111209503B CN111209503B CN202010006897.4A CN202010006897A CN111209503B CN 111209503 B CN111209503 B CN 111209503B CN 202010006897 A CN202010006897 A CN 202010006897A CN 111209503 B CN111209503 B CN 111209503B
- Authority
- CN
- China
- Prior art keywords
- rendered
- region
- window
- target
- popup
- 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.)
- Active
Links
Images
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/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
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)
- User Interface Of Digital Computer (AREA)
Abstract
The embodiment of the disclosure discloses a processing method, a device, electronic equipment and a storage medium for popup windows in webpages, wherein the method comprises the following steps: and responding to a control instruction of calling a target popup, determining a starting position of calling the target popup and an area to be rendered, and controlling the target popup to slide from the starting position to the area to be rendered, wherein the starting position is positioned on a frame of the area to be rendered. According to the technical scheme, the abrupt sense when the small popup window pops up can be reduced, the page can have transition sense, the page can be more complete, tidy and attractive, and the user experience of a user in using the webpage can be improved.
Description
Technical Field
The embodiment of the disclosure relates to the technical field of computer network application, in particular to a processing method and device of popup windows in webpages, electronic equipment and a storage medium.
Background
Sometimes, some popup windows are involved in the page, such as popup windows for information verification and popup windows for electronic lottery prizes. For the opening and closing modes of these popups, the popups are usually opened by bouncing out, the popups are narrower or shorter than the page, and after the user inputs the verification code or performs the operation verification, the small popups can be automatically closed or the user operates to close.
On one hand, the design of the popup window is quite different from the design of the form page, and the popup window is overlapped on the upper layer of the page like a patch, so that the popup window is not attractive enough and also shields part of the content of the page, and on the other hand, the popup window is abrupt and lacks transition and continuous inertia.
Disclosure of Invention
In view of this, embodiments of the present disclosure provide a method, an apparatus, an electronic device, and a storage medium for processing a pop-up window in a web page, so as to avoid a sense of abrupt when the pop-up window is exhaled, and improve user experience when a user uses the web page.
Other features and advantages of embodiments of the present disclosure will be apparent from the following detailed description, or may be learned by practice of embodiments of the disclosure in part.
In a first aspect, an embodiment of the present disclosure provides a method for processing a popup window in a web page, including:
responding to a control instruction of calling a target popup, and determining a starting position of calling the target popup and a region to be rendered, wherein the starting position is positioned on a frame of the region to be rendered;
and controlling the target popup window to slide from the initial position to the region to be rendered.
In a second aspect, an embodiment of the present disclosure further provides a processing apparatus for popup in a web page, including:
the device comprises an outgoing instruction acquisition and position determination unit, a target popup judgment unit and a display unit, wherein the outgoing instruction acquisition and position determination unit is used for responding to a control instruction of an outgoing target popup, and determining an initial position of the outgoing target popup and a region to be rendered, wherein the initial position is positioned on a frame of the region to be rendered;
and the exhalation control unit is used for controlling the target popup window to slide from the starting position to the region to be rendered.
In a third aspect, an embodiment of the present disclosure further provides an electronic device, including:
one or more processors;
a memory for storing one or more programs;
the one or more programs, when executed by the one or more processors, cause the one or more processors to implement the method of any of the first aspects.
In a fourth aspect, the presently disclosed embodiments also provide a computer readable storage medium having stored thereon a computer program which, when executed by a processor, implements the method according to any of the first aspects.
According to the embodiment of the disclosure, the starting position and the region to be rendered of the target popup are determined by responding to the control instruction of calling the target popup, wherein the starting position is located on the frame of the region to be rendered, the target popup is controlled to slide from the starting position to the region to be rendered, abrupt feeling during popup can be avoided, and user experience of a user using a webpage is improved.
Drawings
In order to more clearly illustrate the technical solutions of the embodiments of the present disclosure, the following description will briefly explain the drawings required to be used in the description of the embodiments of the present disclosure, and it is apparent that the drawings in the following description are only some of the embodiments of the present disclosure, and other drawings may be obtained according to the contents of the embodiments of the present disclosure and these drawings without inventive effort for those skilled in the art.
Fig. 1 is a flow chart of a method for processing popup windows in a web page according to an embodiment of the disclosure;
fig. 2 is a flowchart illustrating another method for processing popup windows in a web page according to an embodiment of the present disclosure;
FIG. 3 is a flowchart illustrating a method for processing popup windows in a web page according to an embodiment of the present disclosure;
fig. 4 is a schematic structural diagram of a processing device for popup windows in a web page according to an embodiment of the present disclosure;
fig. 5 is a schematic structural diagram of another processing device for popup window in a web page according to an embodiment of the present disclosure;
FIG. 6 is a schematic structural diagram of a processing device for popup windows in a web page according to another embodiment of the present disclosure;
fig. 7 shows a schematic diagram of an electronic device suitable for use in implementing embodiments of the present disclosure.
Detailed Description
In order to make the technical problems solved, the technical solutions adopted and the technical effects achieved by the embodiments of the present disclosure more clear, the technical solutions of the embodiments of the present disclosure will be described in further detail below with reference to the accompanying drawings, and it is apparent that the described embodiments are only some embodiments, but not all embodiments of the present disclosure. All other embodiments, which are derived by a person skilled in the art from the embodiments of the present disclosure without creative efforts, fall within the protection scope of the embodiments of the present disclosure.
It should be noted that the terms "system" and "network" in the embodiments of the present disclosure are often used interchangeably herein. References to "and/or" in the embodiments of the present disclosure are intended to encompass any and all combinations of one or more of the associated listed items. The terms first, second and the like in the description and in the claims and drawings are used for distinguishing between different objects and not for limiting a particular order.
It should be further noted that, in the embodiments of the present disclosure, the following embodiments may be implemented separately, or may be implemented in combination with each other, which is not specifically limited by the embodiments of the present disclosure.
The names of messages or information interacted between the various devices in the embodiments of the present disclosure are for illustrative purposes only and are not intended to limit the scope of such messages or information.
The technical solutions of the embodiments of the present disclosure are further described below with reference to the accompanying drawings and through specific implementations.
Fig. 1 is a flow chart illustrating a method for processing a popup in a web page according to an embodiment of the present disclosure, where the method may be applicable to a case of calling the popup, and may be executed by a processing device configured in the web page in an electronic device, and as shown in fig. 1, the method for processing the popup in the web page in the embodiment includes:
in step S110, in response to a control instruction for calling out a target popup, determining a starting position for calling out the target popup and a region to be rendered, where the starting position is located at a border of the region to be rendered.
In step S120, the target popup window is controlled to slide from the starting position to the region to be rendered.
According to the technical scheme, the appointed frame of the area to be rendered is used as the starting point when the popup window is exhaled, the popup window is controlled to gradually slide from the frame position of the area to be rendered to the area to be rendered, the aesthetic feeling of the page can be increased, the abrupt sense when the small popup window pops up is reduced, the page can have transition sense, and the page is more complete, tidy and attractive.
In an embodiment, if the target pop-up window is a short message verification pop-up window, a verification code verification pop-up window, a picture verification pop-up window, or an electronic lottery, after the pop-up window is closed (for example, after the verification code is input or after the lottery button is clicked), result information, for example, an information verification result of the information comparison verification type pop-up window and a lottery result of the electronic lottery, is further required to be displayed, so that the result information of the target pop-up window can be displayed in the to-be-rendered area after the target pop-up window is controlled to slide from the to-be-rendered area to the starting position until the target pop-up window is invisible.
In an embodiment, the target popup window is a date selection component, the starting position is the lower side of the browser window, and the region to be rendered is located at the bottom of the browser window.
In an embodiment, the method further includes, before controlling the target popup to slide from the starting position to the region to be rendered, determining an interface style of the webpage, and setting the interface style of the target popup according to the interface style, so that the popup and the webpage are further coordinated, and the aesthetic feeling of the webpage can be further increased.
In an embodiment, the starting position is left, right or lower side of the browser window. Or the region to be rendered is positioned at the bottom of the browser window.
According to the technical scheme, the appointed border of the area to be rendered is used as a starting point when the popup window is exhaled, the popup window is controlled to gradually slide from the border position of the area to be rendered to the area to be rendered, the aesthetic feeling of the page can be increased, the abrupt sense when the small popup window pops up is reduced, the page can be enabled to have transition sense, the page can be enabled to be more complete, tidy and attractive, and the user experience of a user using the webpage can be improved.
Fig. 2 is a flow chart illustrating another method for processing popup windows in a web page according to an embodiment of the present disclosure, where the embodiment is improved and optimized based on the foregoing embodiment. As shown in fig. 2, the method for processing popup windows in a web page according to the present embodiment includes:
in step S210, in response to a control instruction for calling out a target popup, determining a starting position for calling out the target popup and a region to be rendered, where the starting position is located at a border of the region to be rendered.
In step S220, the target popup window is controlled to slide from the starting position to the region to be rendered.
In step S230, in response to a control instruction for closing the target popup, an end position of the target popup is determined, where the end position is located at a frame of the region to be rendered.
In step S240, the target popup window is controlled to slide from the region to be rendered to the end point until it is invisible.
Based on the above embodiment, the embodiment further discloses that when the popup window is closed, the frame of the designated area to be rendered is also used as the end position when the popup window exits, and the target popup window is controlled to slide from the area to be rendered to the end position until the target popup window is invisible, so that the aesthetic feeling of the page can be further increased, the consistency of the interface interaction style is maintained, and the user experience of the user using the webpage can be improved.
Fig. 3 is a flow chart illustrating a method for processing popup windows in a web page according to another embodiment of the present disclosure, where the embodiment is improved and optimized based on the foregoing embodiment. As shown in fig. 3, the method for processing popup windows in a web page according to the present embodiment includes:
in step S310, in response to a control instruction for calling out a target popup, determining a starting position for calling out the target popup and a region to be rendered, where the starting position is located at a border of the region to be rendered, and a width of the target popup is a width of the browser window.
In step S320, the display positions of the to-be-rendered area and the elements below in the web page are controlled to translate the height of the to-be-rendered area downward.
In step S330, the target popup window is controlled to slide from the starting position to the region to be rendered.
In step S340, in response to a control instruction for closing the target popup, determining an end position of the exiting target popup, where the end position is located at a border of the region to be rendered.
In step S350, the target popup window is controlled to slide from the region to be rendered to the end point until it is invisible.
In step S360, the display positions of the elements below the region to be rendered in the web page are controlled to translate the height of the region to be rendered upwards so as to hide the region to be rendered.
According to the embodiment, on the basis of the previous embodiment, the step of controlling the display positions of the elements below the region to be rendered in the webpage to translate downwards the height of the region to be rendered before calling out the popup window and the step of controlling the display positions of the elements below the region to be rendered in the webpage to translate upwards the height of the region to be rendered after closing the popup window are added, so that the region to be rendered is hidden, the popup window and the page content can be fused, the page has integrity, and shielding of the popup window to the page content is avoided.
As an implementation of the method shown in the foregoing figures, the present application provides an embodiment of a processing apparatus for popup in a web page, and fig. 4 shows a schematic structural diagram of the processing apparatus for popup in a web page provided in this embodiment, where the embodiment of the apparatus corresponds to the embodiment of the method shown in fig. 1 to 3, and the apparatus may be specifically applied to various electronic devices. As shown in fig. 4, the processing device for popup in the web page according to the present embodiment includes an outgoing call instruction acquisition and location determination unit 410 and an outgoing call control unit 420.
The outgoing instruction acquiring and position determining unit 410 is configured to determine, in response to a control instruction for outgoing a target popup, a starting position for outgoing the target popup and a region to be rendered, where the starting position is located at a frame of the region to be rendered;
the exhalation control unit 420 is configured to control the target popup to slide from the start position to the region to be rendered.
In an embodiment, the target pop-up window is a short message verification pop-up window, a verification code verification pop-up window, a picture verification pop-up window, or an electronic lottery.
The apparatus may further comprise a result presentation unit (not shown in fig. 4) configured to present result information of the target popup at the region to be rendered after controlling the target popup to slide from the region to be rendered to the start position until invisible.
In an embodiment, the target popup window is a date selection component, the starting position is a lower side of a browser window, and the region to be rendered is located at the bottom of the browser window.
In an embodiment, the apparatus may further include an interface style setting unit (not shown in fig. 4) configured to determine an interface style of the web page before controlling the target pop-up window to slide from the start position to the region to be rendered, and set the interface style of the target pop-up window according to the interface style.
In an embodiment, the starting position is left, right or lower side of the browser window; and/or
The region to be rendered is located at the bottom of the browser window.
The processing device for popup in the webpage provided by the embodiment of the invention can execute the processing method for popup in the webpage provided by the embodiment of the method of the invention, and has the corresponding functional modules and beneficial effects of the execution method.
Fig. 5 is a schematic structural diagram of another processing device for popup in a web page according to an embodiment of the present disclosure, and as shown in fig. 5, the processing device for popup in a web page according to the present embodiment includes an outgoing instruction acquiring and position determining unit 510, an outgoing control unit 520, the closing instruction acquiring and position determining unit 530, and the closing control unit 540.
The outgoing instruction acquiring and position determining unit 510 is configured to determine, in response to a control instruction for outgoing a target popup, an initial position for outgoing the target popup and a region to be rendered, where the initial position is located at a frame of the region to be rendered;
the exhalation control unit 520 is configured to control the target popup to slide from the start position to the region to be rendered.
The closing instruction acquiring and position determining unit 530 is configured to determine, in response to a control instruction for closing the target popup, an end position of the exiting target popup, where the end position is located in a frame of the region to be rendered;
the closing control unit 540 is configured to control the target popup to slide from the region to be rendered to the end position until it is invisible.
The processing device for popup in the webpage provided by the embodiment of the invention can execute the processing method for popup in the webpage provided by the embodiment of the method of the invention, and has the corresponding functional modules and beneficial effects of the execution method.
Fig. 6 is a schematic structural diagram of another processing device for popup in a web page according to an embodiment of the present disclosure, and as shown in fig. 6, the processing device for popup in a web page according to the present embodiment includes an outgoing instruction acquisition and position determination unit 610, a downward movement control unit 620, an outgoing control unit 630, a closing instruction acquisition and position determination unit 640, a closing control unit 650, and an upward movement control unit 660.
The outgoing instruction acquiring and position determining unit 610 is configured to determine, in response to a control instruction for outgoing a target popup, an initial position for outgoing the target popup and a region to be rendered, where the initial position is located at a border of the region to be rendered, and a width of the target popup is a width of the browser window.
The move-down control unit 620 is configured to control display positions of the to-be-rendered area and elements below in the web page to move down by the height of the to-be-rendered area.
The exhalation control unit 630 is configured to control the target popup to slide from the start position to the region to be rendered.
The closing instruction acquisition and position determination unit 640 is configured to determine an end position of exiting the target bay window in response to a control instruction to close the target bay window.
The closing control unit 650 is configured to control the target pop to slide from the region to be rendered to the end position until invisible, wherein the end position is located at a border of the region to be rendered.
The up-shift control unit 660 is configured to control a display position of an element below the region to be rendered in the web page to shift up a height of the region to be rendered to hide the region to be rendered.
The processing device for popup in the webpage provided by the embodiment of the invention can execute the processing method for popup in the webpage provided by the embodiment of the method of the invention, and has the corresponding functional modules and beneficial effects of the execution method.
Referring now to fig. 7, a schematic diagram of an electronic device 700 suitable for use in implementing embodiments of the present disclosure is shown. The electronic devices in the embodiments of the present disclosure may include, but are not limited to, mobile terminals such as mobile phones, notebook computers, digital broadcast receivers, PDAs (personal digital assistants), PADs (tablet computers), PMPs (portable multimedia players), in-vehicle terminals (e.g., in-vehicle navigation terminals), and the like, and stationary terminals such as digital TVs, desktop computers, and the like. The electronic device shown in fig. 7 is merely an example and should not be construed to limit the functionality and scope of use of the disclosed embodiments.
As shown in fig. 7, the electronic device 700 may include a processing means (e.g., a central processor, a graphics processor, etc.) 701, which may perform various appropriate actions and processes according to a program stored in a Read Only Memory (ROM) 702 or a program loaded from a storage means 708 into a Random Access Memory (RAM) 703. In the RAM 703, various programs and data required for the operation of the electronic device 700 are also stored. The processing device 701, the ROM 702, and the RAM 703 are connected to each other through a bus 704. An input/output (I/O) interface 705 is also connected to bus 704.
In general, the following devices may be connected to the I/O interface 705: input devices 706 including, for example, a touch screen, touchpad, keyboard, mouse, camera, microphone, accelerometer, gyroscope, and the like; an output device 707 including, for example, a Liquid Crystal Display (LCD), a speaker, a vibrator, and the like; storage 708 including, for example, magnetic tape, hard disk, etc.; and a communication device 709. The communication means 709 may allow the electronic device 700 to communicate wirelessly or by wire with other devices to exchange data. While fig. 7 shows an electronic device 700 having various means, it is to be understood that not all of the illustrated means are required to be implemented or provided. More or fewer devices may be implemented or provided instead.
In particular, according to embodiments of the present disclosure, the processes described above with reference to flowcharts may be implemented as computer software programs. For example, embodiments of the present disclosure include a computer program product comprising a computer program embodied on a computer readable medium, the computer program comprising program code for performing the method shown in the flow chart. In such an embodiment, the computer program may be downloaded and installed from a network via communication device 709, or installed from storage 708, or installed from ROM 702. The above-described functions defined in the methods of the embodiments of the present disclosure are performed when the computer program is executed by the processing device 701.
It should be noted that, the computer readable medium described above in the embodiments of the present disclosure may be a computer readable signal medium or a computer readable storage medium, or any combination of the two. The computer readable storage medium can be, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or a combination of any of the foregoing. More specific examples of the computer-readable storage medium may include, but are not limited to: an electrical connection having one or more wires, a portable computer diskette, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing. In the disclosed embodiments, a computer-readable storage medium may be any tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device. In contrast, in the disclosed embodiments, the computer-readable signal medium may comprise a data signal propagated in baseband or as part of a carrier wave, with the computer-readable program code embodied therein. Such a propagated data signal may take any of a variety of forms, including, but not limited to, electro-magnetic, optical, or any suitable combination of the foregoing. A computer readable signal medium may also be any computer readable medium that is not a computer readable storage medium and that can communicate, propagate, or transport a program for use by or in connection with an instruction execution system, apparatus, or device. Program code embodied on a computer readable medium may be transmitted using any appropriate medium, including but not limited to: electrical wires, fiber optic cables, RF (radio frequency), and the like, or any suitable combination of the foregoing.
The computer readable medium may be contained in the electronic device; or may exist alone without being incorporated into the electronic device.
The computer readable medium carries one or more programs which, when executed by the electronic device, cause the electronic device to:
responding to a control instruction of calling a target popup, and determining a starting position of calling the target popup and a region to be rendered, wherein the starting position is positioned on a frame of the region to be rendered;
and controlling the target popup window to slide from the initial position to the region to be rendered.
Computer program code for carrying out operations for embodiments of the present disclosure may be written in one or more programming languages, including an object oriented programming language such as Java, smalltalk, C ++ and conventional procedural programming languages, such as the "C" programming language or similar programming languages. The program code may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer or entirely on the remote computer or server. In the case of a remote computer, the remote computer may be connected to the user's computer through any kind of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or may be connected to an external computer (for example, through the Internet using an Internet service provider).
The flowcharts and block diagrams in the figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods and computer program products according to various embodiments of the present disclosure. In this regard, each block in the flowchart or block diagrams may represent a module, segment, or portion of code, which comprises one or more executable instructions for implementing the specified logical function(s). It should also be noted that, in some alternative implementations, the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or the blocks may sometimes be executed in the reverse order, depending upon the functionality involved. It will also be noted that each block of the block diagrams and/or flowchart illustration, and combinations of blocks in the block diagrams and/or flowchart illustration, can be implemented by special purpose hardware-based systems which perform the specified functions or acts, or combinations of special purpose hardware and computer instructions.
The units involved in the embodiments of the present disclosure may be implemented by means of software, or may be implemented by means of hardware. The name of the unit does not in any way constitute a limitation of the unit itself, for example the first acquisition unit may also be described as "unit acquiring at least two internet protocol addresses".
According to one or more embodiments of the present disclosure, the method for processing a popup window in a web page further includes determining, in response to a control instruction to close the target popup window, an end point position of the target popup window, and controlling the target popup window to slide from the region to be rendered to the end point position until the target popup window is invisible, where the end point position is located at a border of the region to be rendered.
According to one or more embodiments of the present disclosure, in the method for processing a pop-up window in a web page, a width of the target pop-up window is a width of the browser window;
the method further comprises the steps of: before the target popup window is controlled to slide from the initial position to the region to be rendered, the display positions of the region to be rendered and elements below the region to be rendered in the webpage are controlled to translate downwards the height of the region to be rendered.
According to one or more embodiments of the present disclosure, the method for processing a popup window in a web page further includes:
responding to a control instruction for closing the target popup window, determining an end point position of the target popup window, and controlling the target popup window to slide from the region to be rendered to the end point position until the target popup window is invisible, wherein the end point position is positioned on a frame of the region to be rendered;
and controlling the display positions of elements below the region to be rendered in the webpage to translate the height of the region to be rendered upwards so as to hide the region to be rendered.
According to one or more embodiments of the present disclosure, the method for processing a pop-up window in a web page further includes that the target pop-up window is a short message verification pop-up window, a verification code verification pop-up window, a picture verification pop-up window, or an electronic lottery;
the method further includes, after controlling the target popup to slide from the region to be rendered to the starting position until invisible, presenting result information of the target popup at the region to be rendered.
According to one or more embodiments of the present disclosure, the method for processing a popup window in a web page further includes that the target popup window is a date selection component, the starting position is a lower side of a browser window, and the region to be rendered is located at a bottom of the browser window.
According to one or more embodiments of the present disclosure, the method for processing a pop-up window in a web page further includes, before controlling the target pop-up window to slide from the starting position to the region to be rendered, determining an interface style of the web page, and setting the interface style of the target pop-up window according to the interface style.
According to one or more embodiments of the present disclosure, the method for processing a popup window in a web page further includes that the starting position is a left side, a right side or a lower side of a browser window; and/or
The region to be rendered is located at the bottom of the browser window.
According to one or more embodiments of the present disclosure, the processing device for a pop-up window in a web page further includes a closing control unit, configured to determine, in response to a control instruction for closing the target pop-up window, an end point position for exiting the target pop-up window, and control the target pop-up window to slide from the area to be rendered to the end point position until the end point position is invisible, where the end point position is located at a border of the area to be rendered.
According to one or more embodiments of the present disclosure, in the processing device for a pop-up window in a web page, a width of the target pop-up window is a width of the browser window;
the device further comprises a downward movement control unit, which is used for controlling the display positions of the elements in the webpage to be rendered and below to translate the height of the area to be rendered downwards before controlling the target popup window to slide from the initial position to the area to be rendered.
According to one or more embodiments of the present disclosure, the processing device for a pop-up window in a web page further includes an up-shift control unit, configured to control, after controlling the target pop-up window to slide from the region to be rendered to the start position until it is not visible, to shift up a height of the region to be rendered in a display position of the region to be rendered and elements below in the web page.
According to one or more embodiments of the present disclosure, in the processing device for a pop-up window in a web page, the target pop-up window is a short message verification pop-up window, a verification code verification pop-up window, a picture verification pop-up window, or an electronic lottery;
the device further comprises a result presentation unit for presenting result information of the target popup in the region to be rendered after controlling the target popup to slide from the region to be rendered to the starting position until the target popup is invisible.
According to one or more embodiments of the present disclosure, in the processing apparatus for a pop-up window in a web page, the target pop-up window is a date selection component, the starting position is a lower side of a browser window, and the region to be rendered is located at a bottom of the browser window.
According to one or more embodiments of the present disclosure, the processing device for a pop-up window in a web page further includes an interface style setting unit, configured to determine an interface style of the web page before controlling the target pop-up window to slide from the starting position to the region to be rendered, and set the interface style of the target pop-up window according to the interface style.
According to one or more embodiments of the present disclosure, in the processing device for popup window in a web page, the starting position is left, right or lower side of a browser window; and/or
The region to be rendered is located at the bottom of the browser window.
The foregoing description is only of the preferred embodiments of the disclosed embodiments and is presented for purposes of illustration of the principles of the technology being utilized. It will be appreciated by those skilled in the art that the scope of the disclosure in the embodiments of the disclosure is not limited to the specific combination of the above technical features, but also encompasses other technical features formed by any combination of the above technical features or their equivalents without departing from the spirit of the disclosure. Such as the technical solution formed by mutually replacing the above-mentioned features and the technical features with similar functions (but not limited to) disclosed in the embodiments of the present disclosure.
Claims (9)
1. A processing method of popup window in webpage is characterized by comprising the following steps:
responding to a control instruction of calling a target popup, and determining a starting position of calling the target popup and a region to be rendered, wherein the starting position is positioned on a frame of the region to be rendered;
controlling the target popup window to slide from the initial position to the region to be rendered;
the target popup window is a short message verification popup window, a verification code verification popup window, a picture verification popup window or an electronic lottery;
the method further comprises the steps of: responding to a control instruction for closing the target popup window, determining an end point position of the target popup window, and controlling the target popup window to slide from the region to be rendered to the end point position until the target popup window is invisible, wherein the end point position is positioned on a frame of the region to be rendered;
and after the target popup is controlled to slide from the area to be rendered to the end position until the target popup is invisible, presenting result information of the target popup in the area to be rendered.
2. The method of claim 1, wherein the width of the target popup window is a width of a browser window; the method further comprises the steps of: before the target popup window is controlled to slide from the initial position to the region to be rendered, the display positions of the region to be rendered and elements below the region to be rendered in the webpage are controlled to translate downwards the height of the region to be rendered.
3. The method according to claim 2, wherein the method further comprises:
responding to a control instruction for closing the target popup window, determining an end point position of the target popup window, and controlling the target popup window to slide from the region to be rendered to the end point position until the target popup window is invisible, wherein the end point position is positioned on a frame of the region to be rendered;
and controlling the display positions of elements below the region to be rendered in the webpage to translate the height of the region to be rendered upwards so as to hide the region to be rendered.
4. The method of claim 1, wherein the target popup is a date selection component, the starting location is an underside of a browser window, and the region to be rendered is located at a bottom of the browser window.
5. The method according to claim 1, wherein the method further comprises: and before the target popup window is controlled to slide from the initial position to the region to be rendered, determining the interface style of the webpage, and setting the interface style of the target popup window according to the interface style.
6. The method of claim 1, wherein the starting location is a left side, a right side, or a lower side of a browser window; and/or
The region to be rendered is located at the bottom of the browser window.
7. A processing apparatus for popup windows in a web page, comprising:
the device comprises an outgoing instruction acquisition and position determination unit, a target popup judgment unit and a display unit, wherein the outgoing instruction acquisition and position determination unit is used for responding to a control instruction of an outgoing target popup, and determining an initial position of the outgoing target popup and a region to be rendered, wherein the initial position is positioned on a frame of the region to be rendered;
the exhalation control unit is used for controlling the target popup window to slide from the starting position to the region to be rendered;
the target popup window is a short message verification popup window, a verification code verification popup window, a picture verification popup window or an electronic lottery; the processing device also comprises a closing instruction acquisition and position determination unit, a closing control unit and a result presentation unit;
the closing instruction obtaining and position determining unit is used for responding to a control instruction for closing the target popup window and determining the end position of the target popup window, wherein the end position is positioned on the frame of the area to be rendered;
the closing control unit is used for controlling the target popup window to slide from the region to be rendered to the end point until the target popup window is invisible;
and the result presentation unit is used for presenting the result information of the target popup in the area to be rendered after controlling the target popup to slide from the area to be rendered to the end position until the target popup is invisible.
8. An electronic device, comprising:
one or more processors;
a memory for storing one or more programs;
the one or more programs, when executed by the one or more processors, cause the one or more processors to implement the method of any of claims 1-6.
9. A computer readable storage medium, on which a computer program is stored, which computer program, when being executed by a processor, implements the method according to any of claims 1-6.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010006897.4A CN111209503B (en) | 2020-01-03 | 2020-01-03 | Processing method and device for popup window in webpage, electronic equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010006897.4A CN111209503B (en) | 2020-01-03 | 2020-01-03 | Processing method and device for popup window in webpage, electronic equipment and storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN111209503A CN111209503A (en) | 2020-05-29 |
| CN111209503B true CN111209503B (en) | 2023-07-14 |
Family
ID=70787558
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010006897.4A Active CN111209503B (en) | 2020-01-03 | 2020-01-03 | Processing method and device for popup window in webpage, electronic equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111209503B (en) |
Families Citing this family (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112199005A (en) * | 2020-10-22 | 2021-01-08 | Tcl通讯（宁波）有限公司 | Content display method, content display device, storage medium and mobile terminal |
| CN113742024A (en) * | 2021-09-17 | 2021-12-03 | 杭州安恒信息技术股份有限公司 | Popup layer zooming display method, device and equipment for html page |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104331224A (en) * | 2013-07-22 | 2015-02-04 | 腾讯科技（深圳）有限公司 | A webpage content browsing method and device, and terminal device |
| CN110572705A (en) * | 2019-09-17 | 2019-12-13 | 北京字节跳动网络技术有限公司 | Popup window control method and device, medium and electronic equipment |
| CN110620949A (en) * | 2019-09-17 | 2019-12-27 | 北京字节跳动网络技术有限公司 | Control method, device, medium and electronic equipment for hot spot recommendation popup window |
Family Cites Families (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US8146013B2 (en) * | 2005-07-26 | 2012-03-27 | International Business Machines Corporation | Allowing authorized pop-ups on a website |
| US8448074B2 (en) * | 2009-05-01 | 2013-05-21 | Qualcomm Incorporated | Method and apparatus for providing portioned web pages in a graphical user interface |
| CN103995643B (en) * | 2014-05-22 | 2017-06-09 | 广东威创视讯科技股份有限公司 | A kind of window exchange method between multiple display devices |
| CN104504042A (en) * | 2014-12-16 | 2015-04-08 | 新余兴邦信息产业有限公司 | Method and device for automatically hiding and displaying web form error prompt layer |
| CN105630948B (en) * | 2015-12-23 | 2021-07-23 | 小米科技有限责任公司 | Network page display method and device |
| US10025689B2 (en) * | 2016-01-22 | 2018-07-17 | International Business Machines Corporation | Enhanced policy editor with completion support and on demand validation |
| US10210144B2 (en) * | 2016-08-16 | 2019-02-19 | Adobe Inc. | Creation and display of a webpage with alternative layouts for different webpage widths |
| CN110620786B (en) * | 2019-09-30 | 2022-11-22 | 咪咕动漫有限公司 | Information verification method, system, communication device and computer readable storage medium |
-
2020
- 2020-01-03 CN CN202010006897.4A patent/CN111209503B/en active Active
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104331224A (en) * | 2013-07-22 | 2015-02-04 | 腾讯科技（深圳）有限公司 | A webpage content browsing method and device, and terminal device |
| CN110572705A (en) * | 2019-09-17 | 2019-12-13 | 北京字节跳动网络技术有限公司 | Popup window control method and device, medium and electronic equipment |
| CN110620949A (en) * | 2019-09-17 | 2019-12-27 | 北京字节跳动网络技术有限公司 | Control method, device, medium and electronic equipment for hot spot recommendation popup window |
Also Published As
| Publication number | Publication date |
|---|---|
| CN111209503A (en) | 2020-05-29 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN108089786B (en) | User interface display method, device, equipment and storage medium | |
| CN108804190B (en) | User interface display method, device, terminal and storage medium | |
| CN109164964B (en) | Content sharing method and device, terminal and storage medium | |
| WO2019174477A1 (en) | User interface display method and device, and terminal | |
| JP7538329B2 (en) | Horizontal screen interaction method, device, electronic device, and storage medium | |
| CN109460233B (en) | Method, device, terminal equipment and medium for updating native interface display of page | |
| CN108415752A (en) | Method for displaying user interface, device, equipment and storage medium | |
| US11838251B2 (en) | Information interaction method, apparatus, device, storage medium and program product | |
| CN113760150B (en) | Page processing method, device, equipment and storage medium | |
| CN109656445B (en) | Content processing method, device, terminal and storage medium | |
| CN111459586B (en) | Remote assistance method, device, storage medium and terminal | |
| CN109799945B (en) | Method and device for scrolling and displaying long list of small programs, electronic equipment and storage medium | |
| CN109800041B (en) | Method and device for realizing small program background blurring, electronic equipment and storage medium | |
| CN107580039B (en) | Transmission progress display method and device and terminal | |
| CN111790148B (en) | Information interaction method and device in game scene and computer readable medium | |
| US11314391B2 (en) | Navigation bar controlling method and terminal | |
| CN114610428B (en) | Information stream display method, device, apparatus, storage medium, and program | |
| WO2023035835A1 (en) | Information display method and apparatus, and device and medium | |
| CN111209503B (en) | Processing method and device for popup window in webpage, electronic equipment and storage medium | |
| CN111177610A (en) | Material display method and device, electronic equipment and storage medium | |
| CN111708959A (en) | Page display method and device, storage medium and electronic equipment | |
| EP4297415A1 (en) | Information display method and apparatus based on video, and device and medium | |
| CN110267088B (en) | Video playing control method and device, electronic equipment and storage medium | |
| CN107562324B (en) | Data display control method and terminal | |
| CN111291090B (en) | Method, device, electronic equipment and medium for acquiring time period based on time control |
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 | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |