CN107491546A - A kind of page beautification method, device, electronic equipment and storage medium - Google Patents
A kind of page beautification method, device, electronic equipment and storage medium Download PDFInfo
- Publication number
- CN107491546A CN107491546A CN201710742051.5A CN201710742051A CN107491546A CN 107491546 A CN107491546 A CN 107491546A CN 201710742051 A CN201710742051 A CN 201710742051A CN 107491546 A CN107491546 A CN 107491546A
- Authority
- CN
- China
- Prior art keywords
- elements
- label
- html
- sub
- page
- 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
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
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 embodiments of the invention provide a kind of page beautification method, device, electronic equipment and storage medium, this method introduces jquery files in the html pages；Establish html Form Elements；Wherein, the html Form Elements are the input elements given tacit consent in a kind of hidden page, display and the label elements of the input elements correlations, and the input elements and label elements are the Form Elements of interaction relation；Using the label elements of all sub- html Form Elements of the jquery file traversals, whether the label elements monitored in the html pages are selected；If it is, select the status display of label elements to choose entirely total, the hiding sub- html Form Elements all chosen.Scheme provided in an embodiment of the present invention not only realizes the attractive in appearance of the page, also brings the good experience of vision for user, and beneficial to popularization and propagate.
Description
Technical field
The present invention relates to web front-end technical field, more particularly to a kind of page beautification method, device, electronic equipment and
Storage medium.
Background technology
At present, web technology has developed rapidly, and the form information interface inside many websites uses input table units
The default style of element.
But the page gives tacit consent to list as shown in figure 1, multiple input elements in the list are in list in website
In show, it can be seen that pattern is in disorder, not attractive in appearance enough in list, and causes Consumer's Experience poor.
The content of the invention
The purpose of the embodiment of the present invention is to provide a kind of page beautification method, device, electronic equipment and storage medium, with
Realize that the page is attractive in appearance, so as to bring good experience for user.Concrete technical scheme is as follows：
A kind of page beautification method, methods described include：
Inquiry and control page control jquery files are introduced in the HTML html pages, wherein, it is described
The html pages are based on global wide area network interface, using html and CSS css to provided with input input elements and label
The page that the label element pages are laid out；
Establish html Form Elements；Wherein, the html Form Elements are the input members given tacit consent in a kind of hidden page
Element, display and the label elements of the input elements correlations, and the input elements and label elements are interaction relations
Form Element；
Using the label elements of all sub- html Form Elements of the jquery file traversals, the html pages are monitored
In label elements it is whether selected；
If it is, select the status display of label elements to choose entirely total, the hiding sub- html table units all chosen
Element.
Further, the html Form Elements are check box element checkbox, radio box element radio or choice box
Element select.
Further, the status display of label elements is selected to choose entirely total described, the hiding sub- html all chosen
After Form Element, methods described also includes：
Using the label elements of all sub- html Form Elements of the jquery file traversals, monitor in the html pages
Total selects whether label elements are selected entirely；
If it is, the display of sub- label elements is all chosen.
Further, the status display of label elements is selected to choose entirely total described, the hiding sub- html all chosen
After Form Element or it is described the display of sub- label elements is all chosen after, methods described also includes：
Using the label elements of all sub- html Form Elements of the jquery file traversals, monitor in the html pages
Total selects whether label elements are cancelled entirely；
All cancel if it is, sub- label elements are shown.
A kind of page beautifying apparatus, described device include：
File introduces module, for introducing inquiry and control page control in the HTML html pages
Jquery files, wherein, the html pages are based on global wide area network interface, are set using css pairs of html and CSS
There is the page that input input elements and the label label element pages are laid out；
Form Element establishes module, for establishing html Form Elements；Wherein, the html Form Elements are a kind of hide
The input elements given tacit consent in the page, display and the label elements of the input elements correlations, and the input elements with
Label elements are the Form Elements of interaction relation；
First monitoring module, for utilizing the label elements of all sub- html Form Elements of the jquery file traversals,
Whether the label elements monitored in the html pages are selected；If it is, display module is chosen in triggering；
It is described to choose display module, for by it is total it is complete select the status display of label elements to choose, it is hiding all to choose
Sub- html Form Elements.
Further, the html Form Elements are check box element checkbox, radio box element radio or choice box
Element select.
Further, described device also includes：
Second monitoring module, for utilizing the label elements of all sub- html Form Elements of the jquery file traversals,
In the monitoring html pages it is total it is complete select whether label elements are selected, if it is, module is chosen in triggering；
It is described to choose module, for the display of sub- label elements all to be chosen.
Further, described device also includes：
3rd monitoring module, for utilizing the label elements of all sub- html Form Elements of the jquery file traversals,
Total in the monitoring html pages complete selects whether label elements are cancelled；If it is, module is all cancelled in triggering；
It is described all to cancel module, all cancel for sub- label elements to be shown.
At the another aspect that the present invention is implemented, a kind of computer-readable recording medium is additionally provided, it is described computer-readable
Instruction is stored with storage medium, when run on a computer so that computer performs a kind of any of the above-described described page
Face beautification method.
At the another aspect that the present invention is implemented, the embodiment of the present invention additionally provides a kind of computer program production comprising instruction
Product, when run on a computer so that computer performs a kind of any of the above-described described page beautification method.
A kind of page beautification method, device, electronic equipment and storage medium provided in an embodiment of the present invention, can be super literary
Inquiry and control page control jquery files are introduced in this markup language html pages, establishes html Form Elements wherein, institute
It is the input elements given tacit consent in a kind of hidden page to state html Form Elements, display and the label of the input elements correlations
Element, and the input elements and label elements are the Form Elements of interaction relation；Utilize all sons of jquery file traversals
Whether the label elements of html Form Elements, the label elements monitored in the html pages are selected；If it is, will be total complete
The status display of label elements is selected to choose, the hiding sub- html Form Elements all chosen.This method in hidden page by writing from memory
The input elements and the hiding sub- html Form Elements all chosen recognized, not only realize the attractive in appearance of the page, are also brought for user
Good experience, and beneficial to popularization and propagate；Certainly, any product or method for implementing the present invention must be not necessarily required to simultaneously
Reach all the above advantage.
Brief description of the drawings
In order to illustrate more clearly about the embodiment of the present invention or technical scheme of the prior art, below will be to embodiment or existing
There is the required accompanying drawing used in technology description to be briefly described, it should be apparent that, drawings in the following description are only this
Some embodiments of invention, for those of ordinary skill in the art, on the premise of not paying creative work, can be with
Other accompanying drawings are obtained according to these accompanying drawings.
Fig. 1 is the acquiescence list schematic diagram of the page in website；
Fig. 2 is the schematic diagram using the first page beautification method provided in an embodiment of the present invention；
Fig. 3 is the page table list schematic diagram after a kind of page beautification method processing provided in an embodiment of the present invention；
Fig. 4 is the schematic diagram of second of page beautification method provided in an embodiment of the present invention；
Fig. 5 is the schematic diagram of the third page beautification method provided in an embodiment of the present invention；
Fig. 6 is the schematic diagram of the 4th kind of page beautification method provided in an embodiment of the present invention；
Fig. 7 is a kind of schematic diagram of page beautifying apparatus provided in an embodiment of the present invention；
Fig. 8 is the schematic diagram of a kind of electronic equipment provided in an embodiment of the present invention.
Embodiment
Below in conjunction with the accompanying drawing in the embodiment of the present invention, the technical scheme in the embodiment of the present invention is carried out clear, complete
Site preparation describes, it is clear that described embodiment is only part of the embodiment of the present invention, rather than whole embodiments.It is based on
Embodiment in the present invention, those of ordinary skill in the art are obtained every other under the premise of creative work is not made
Embodiment, belong to the scope of protection of the invention.
The feature and exemplary embodiment of various aspects of the invention is described more fully below.It should be noted that under
In the detailed description in face, it is proposed that many details, to carry out comprehensive understanding to the present invention.But for this area people
For member, the present invention can be implemented in the case of some details in not needing these details.
In the following description, there is provided many details fully understand so as to provide to embodiments of the invention.So
And it will be appreciated by persons skilled in the art that in some cases, goods being not shown in detail and describes known features, unit or operating procedure
To avoid obscuring the major technique intention of the present invention.
It should be noted that in the case where not conflicting, the feature in embodiment and embodiment in the application can change
Become annexation, change sequence of steps, or mutually carry out different combinations.It is below with reference to the accompanying drawings and in conjunction with the embodiments detailed
Illustrate the application.
Fig. 2 is the schematic diagram of the first page beautification method provided in an embodiment of the present invention, and methods described includes：
S101, inquiry and control page control jquery files are introduced in the HTML html pages, wherein,
The html pages be based on global wide area network interface, using html and CSS css to provided with input input elements and
The page that the label label element pages are laid out；
Wherein, above-mentioned HTML html (Hyper Text Mark-up Language) can be understood as creating
Build and can be often used in creating Web page from a platform transplantation to a kind of simple marking language of the hypertext document of another platform
Face.
Above-mentioned jquery is a quick, succinct JavaScript framework, has unique chain type grammer and short and small clear
Clear versatile interface；Css selectors with high efficient and flexible, and CSS selector can be extended；Possess and easily insert
Part extension mechanism and abundant plug-in unit.The compatible various major browsers of jquery.
S102, establish html Form Elements；Wherein, the html Form Elements are given tacit consent in a kind of hidden page
Input elements, display and the label elements of the input elements correlations, and the input elements and label elements are linkages
The Form Element of relation；
Wherein, Label elements are the i.e. common html labels of block level element in html Form Elements.
It should be noted that input elements are associated together with label elements, lable elements, input members are clicked on
Element is also with display.
In addition, html Form Elements are check box element checkbox, radio box element radio or choice box element
select。
As can be seen here, the input elements given tacit consent to by establishing in hidden page, display and the label of input elements correlations
The html Form Elements of element so that with the single-phase ratio of the default table of the page in website, reached the attractive in appearance of the page.
S103, using the label elements of all sub- html Form Elements of the jquery file traversals, monitor the html
Whether the label elements in the page are selected, if it is, S104 is performed, if it has not, performing S105；
Wherein, the above-mentioned label elements using all sub- html Form Elements of jquery file traversals can be understood as profit
The label elements of sub- html Form Elements have accessed one time with jquery files.
S104, the status display of label elements is selected to choose entirely total, the hiding sub- html Form Elements all chosen；
It is it should be noted that selected when monitoring the label elements in the html pages, it is meant that total full choosing
Label elements are just selected；The sub- html Form Elements all chosen are hidden in addition, have beautified the page so that Consumer's Experience
More preferably.
The status display of label elements is being selected to choose entirely total, after the hiding sub- html Form Elements all chosen,
Also include：
The first embodiment：Utilize the label elements of all sub- html Form Elements of jquery file traversals, monitoring
Total in the html pages complete selects whether label elements are selected；If it is, the display of sub- label elements is all chosen.
Second of embodiment：Utilize the label elements of all sub- html Form Elements of jquery file traversals, monitoring
Total in the html pages complete selects whether label elements are cancelled；All cancel if it is, sub- label elements are shown.
The third embodiment：Utilize the label elements of all sub- html Form Elements of jquery file traversals, monitoring
Total in the html pages complete selects whether label elements are selected；If it is, the display of sub- label elements is all chosen.
Using the label elements of all sub- html Form Elements of jquery file traversals, monitor total in the html pages
Select whether label elements are cancelled entirely；All cancel if it is, sub- label elements are shown.
S105, the label elements for keeping displaying to choose.
It should be noted that if the label members monitored in the html pages are known as not selected, can select
The label elements for keeping displaying to choose, can also select to make label elements the processing of other embodiment, and the present invention is to this
Do not limit, simply the present embodiment takes the label elements for keeping displaying to choose.
The page is beautified using embodiment provided by the invention, obtains the beautification page as shown in Figure 3.
As can be seen here, embodiment provided by the invention passes through the input elements given tacit consent in hidden page and hiding all choosings
In sub- html Form Elements, not only realize the attractive in appearance of the page, also bring good experience for user, and beneficial to promoting and
Propagate.
It is noted that embodiment provided by the invention can also further be packaged into a kind of plug-in unit for beautifying the page
Use, be specially：
Inquiry and control page control jquery files are introduced in the HTML html pages, wherein, html
The page is based on global wide area network interface, using html and CSS css to provided with input input elements and label
The page that the label element pages are laid out；
Establish choice box checkbox.js files；Wherein, in checkbox.js files, give tacit consent in hidden page
Input elements, display and the label elements of input elements correlations, and input elements and label elements are the tables of interaction relation
Single element；
Using the label elements of all sub- html Form Elements of jquery file traversals, the label in the html pages is monitored
Whether element is selected；
If it is, select the status display of label elements to choose entirely total, the hiding sub- html table units all chosen
Element；
Checkbox.js files are packaged；
The checkbox.js files after encapsulation are added on window objects using jquery files；
The checkbox.js files after encapsulation are read in the html pages, realize the beautification to the html pages.
As can be seen here, the beautification plug-in unit performance after encapsulation is more excellent, and durability is strong, can also expand, and reduces development difficulty, easily
In using at work.
Fig. 4 is the schematic diagram of second of page beautification method provided in an embodiment of the present invention, and methods described includes：
S201, inquiry and control page control jquery files are introduced in the HTML html pages, wherein,
The html pages be based on global wide area network interface, using html and CSS css to provided with input input elements and
The page that the label label element pages are laid out；
S202, establish html Form Elements；Wherein, the html Form Elements are given tacit consent in a kind of hidden page
Input elements, display and the label elements of the input elements correlations, and the input elements and label elements are linkages
The Form Element of relation；
S203, using the label elements of all sub- html Form Elements of the jquery file traversals, monitor the html
Whether the label elements in the page are selected；If it is, S204 is performed, if it has not, performing S205；
S204, the status display of label elements is selected to choose entirely total, the hiding sub- html Form Elements all chosen；
S205, the label elements for keeping displaying to choose；
S206, using the label elements of all sub- html Form Elements of the jquery file traversals, monitor the html pages
In it is total it is complete select whether label elements are selected, if it is, performing S207, S205 is performed if it has not, returning；
This step by monitor in the html pages it is total it is complete select whether label elements are selected, to be right in next step
Lablel elements, which are fast handled, to be prepared, that is to say, that and the function of the monitoring is operated to make to simplify to label elements,
Increase the function of fast handling.
S207, the display of sub- label elements is all chosen.
Based on the above situation, monitor in the html pages total complete selects label elements to be selected, that is to say, that user
All label elements are have selected this moment, it is therefore desirable to are all chosen sub- label elements, the increase of the function is not used only
Family is easy to operate, but also saves the time for user, brings the good experience of vision.
As can be seen here, embodiment provided by the invention passes through the input elements given tacit consent in hidden page and hiding all choosings
In sub- html Form Elements, add and fast choose function, not only realize the attractive in appearance of the page, also bring vision good for user
Good and easy to operate experience, and beneficial to popularization and propagate.
Fig. 5 is the schematic diagram of the third page beautification method provided in an embodiment of the present invention, and methods described includes：
S301, inquiry and control page control jquery files are introduced in the HTML html pages, wherein,
The html pages be based on global wide area network interface, using html and CSS css to provided with input input elements and
The page that the label label element pages are laid out；
S302, establish html Form Elements；Wherein, the html Form Elements are given tacit consent in a kind of hidden page
Input elements, display and the label elements of the input elements correlations, and the input elements and label elements are linkages
The Form Element of relation；
S303, using the label elements of all sub- html Form Elements of the jquery file traversals, monitor the html
Whether the label elements in the page are selected；If it is, S304 is performed, if it has not, performing S305；
S304, the status display of label elements is selected to choose entirely total, the hiding sub- html Form Elements all chosen；
S305, the label elements for keeping displaying to choose；
S306, the label elements of all sub- html Form Elements of jquery file traversals, monitor in the html pages
Total selects whether label elements are cancelled entirely, if it is, performing S307, S305 is performed if it has not, returning；
This step by monitor in the html pages it is total it is complete select whether label elements are cancelled, to be right in next step
Lablel elements, which are fast handled, to be prepared, that is to say, that and the function of the monitoring is operated to make to simplify to label elements,
Increase the function of fast handling.
S307, sub- label elements are shown and all cancelled.
Based on the above situation, monitor in the html pages total complete selects label elements to be cancelled, that is to say, that user
The label elements of selection are eliminated this moment, it is therefore desirable to are all cancelled sub- label elements, the increase of the function is not used only
Family is easy to operate, but also saves the time for user, brings the good experience of vision.
As can be seen here, embodiment provided by the invention passes through the input elements given tacit consent in hidden page and hiding all choosings
In sub- html Form Elements, add it is quick cancel function, not only realize the attractive in appearance of the page, also bring vision good for user
Good and easy to operate experience, and beneficial to popularization and propagate.
Fig. 6 is the schematic diagram of the 4th kind of page beautification method provided in an embodiment of the present invention, and methods described includes：
S401, inquiry and control page control jquery files are introduced in the HTML html pages, wherein,
The html pages be based on global wide area network interface, using html and CSS css to provided with input input elements and
The page that the label label element pages are laid out；
S402, establish html Form Elements；Wherein, the html Form Elements are given tacit consent in a kind of hidden page
Input elements, display and the label elements of the input elements correlations, and the input elements and label elements are linkages
The Form Element of relation；
S403, using the label elements of all sub- html Form Elements of the jquery file traversals, monitor the html
Whether the label elements in the page are selected；If it is, S404 is performed, if it has not, performing S405；
S404, the status display of label elements is selected to choose entirely total, the hiding sub- html Form Elements all chosen；
S405, the label elements for keeping displaying to choose；
S406, using the label elements of all sub- html Form Elements of the jquery file traversals, monitor the html pages
In it is total it is complete select whether label elements are selected, if it is, performing S407, S405 is performed if it has not, returning；
S407, the display of sub- label elements is all chosen；
S408, the label elements of all sub- html Form Elements of jquery file traversals, monitor in the html pages
Total selects whether label elements are cancelled entirely, if it is, performing S409, S405 is performed if it has not, returning；
S409, sub- label elements are shown and all cancelled.
As can be seen here, embodiment provided by the invention passes through the input elements given tacit consent in hidden page and hiding all choosings
In sub- html Form Elements, add and fast choose and cancel function, not only realize the attractive in appearance of the page, also brought for user
The good and easy to operate experience of vision, and beneficial to popularization and propagate.
Fig. 7 is a kind of schematic diagram of page beautifying apparatus provided in an embodiment of the present invention, and described device includes：
File introduces module 501, for introducing inquiry and control page control in the HTML html pages
Jquery files, wherein, the html pages are based on global wide area network interface, are set using css pairs of html and CSS
There is the page that input input elements and the label label element pages are laid out；
Form Element establishes module 502, for establishing html Form Elements；Wherein, the html Form Elements are a kind of
The input elements given tacit consent in hidden page, display and the label elements of the input elements correlations, and the input elements
It is the Form Element of interaction relation with label elements；
First monitoring module 503, for the label members using all sub- html Form Elements of the jquery file traversals
Whether element, the label elements monitored in the html pages are selected；If it is, display module is chosen in triggering；
It is described to choose display module 504, for selecting the status display of label elements to choose entirely total, hide all choosings
In sub- html Form Elements.
Specifically, the html Form Elements are check box element checkbox, radio box element radio or choice box member
Plain select.
Specifically, described device also includes：
Second monitoring module, for utilizing the label elements of all sub- html Form Elements of the jquery file traversals,
In the monitoring html pages it is total it is complete select whether label elements are selected, if it is, module is chosen in triggering；
It is described to choose module, for the display of sub- label elements all to be chosen.
Specifically, described device can also include：
3rd monitoring module, for utilizing the label elements of all sub- html Form Elements of the jquery file traversals,
Total in the monitoring html pages complete selects whether label elements are cancelled；If it is, module is all cancelled in triggering；
It is described all to cancel module, all cancel for sub- label elements to be shown.
Specifically, described device can also include：
Second monitoring module, for utilizing the label elements of all sub- html Form Elements of the jquery file traversals,
In the monitoring html pages it is total it is complete select whether label elements are selected, if it is, module is chosen in triggering；
It is described to choose module, for the display of sub- label elements all to be chosen.
3rd monitoring module, for utilizing the label elements of all sub- html Form Elements of the jquery file traversals,
Total in the monitoring html pages complete selects whether label elements are cancelled；If it is, module is all cancelled in triggering；
It is described all to cancel module, all cancel for sub- label elements to be shown.
As can be seen here, embodiment provided by the invention passes through the input elements given tacit consent in hidden page and hiding all choosings
In sub- html Form Elements, not only realize the attractive in appearance of the page, also for user bring vision well and easy to operate experience,
And beneficial to popularization and propagate.
The embodiment of the present invention additionally provides a kind of electronic equipment, as shown in figure 8, including processor 601, communication interface 602,
Memory 603 and communication bus 604, wherein, processor 601, communication interface 602, memory 603 is complete by communication bus 604
Into mutual communication,
Memory 603, for depositing computer program；
Processor 601, during for performing the program deposited on memory 603, realize provided in an embodiment of the present invention one
Kind page beautification method；Specifically, above-mentioned page beautification method, including：
Inquiry and control page control jquery files are introduced in the HTML html pages, wherein, it is described
The html pages are based on global wide area network interface, using html and CSS css to provided with input input elements and label
The page that the label element pages are laid out；
Establish html Form Elements；Wherein, the html Form Elements are the input members given tacit consent in a kind of hidden page
Element, display and the label elements of the input elements correlations, and the input elements and label elements are interaction relations
Form Element；
Using the label elements of all sub- html Form Elements of the jquery file traversals, the html pages are monitored
In label elements it is whether selected；
If it is, select the status display of label elements to choose entirely total, the hiding sub- html table units all chosen
Element.
Therefore the electronic equipment that the present embodiment provides is performed, by the input elements given tacit consent in hidden page and hidden
The sub- html Form Elements all chosen are hidden, not only realize the attractive in appearance of the page, also bring vision good and operation side for user
Just experience, and beneficial to popularization and propagate.
A kind of embodiment of above-mentioned page beautification method and a kind of page that preceding method embodiment part provides are beautiful
The beautification mode of change method is identical, repeats no more here.
The communication bus that above-mentioned electronic equipment is mentioned can be Peripheral Component Interconnect standard (Peripheral Component
Interconnect, PCI) bus or EISA (Extended Industry Standard
Architecture, EISA) bus etc..The communication bus can be divided into address bus, data/address bus, controlling bus etc..For just
Only represented in expression, figure with a thick line, it is not intended that an only bus or a type of bus.
The communication that communication interface is used between above-mentioned electronic equipment and other equipment.
Memory can include random access memory (Random Access Memory, RAM), can also include non-easy
The property lost memory (Non-Volatile Memory, NVM), for example, at least a magnetic disk storage.Optionally, memory may be used also
To be at least one storage device for being located remotely from aforementioned processor.
Above-mentioned processor can be general processor, including central processing unit (Central Processing Unit,
CPU), network processing unit (Network Processor, NP) etc.；It can also be digital signal processor (Digital Signal
Processing, DSP), it is application specific integrated circuit (Application Specific Integrated Circuit, ASIC), existing
It is field programmable gate array (Field-Programmable Gate Array, FPGA) or other PLDs, discrete
Door or transistor logic, discrete hardware components.
The embodiment of the present invention additionally provides a kind of computer-readable recording medium, the computer-readable recording medium internal memory
Computer program is contained, the computer program realizes a kind of page beautification provided in an embodiment of the present invention when being executed by processor
Method；Specifically, a kind of above-mentioned page beautification method, including：
Inquiry and control page control jquery files are introduced in the HTML html pages, wherein, it is described
The html pages are based on global wide area network interface, using html and CSS css to provided with input input elements and label
The page that the label element pages are laid out；
Establish html Form Elements；Wherein, the html Form Elements are the input members given tacit consent in a kind of hidden page
Element, display and the label elements of the input elements correlations, and the input elements and label elements are interaction relations
Form Element；
Using the label elements of all sub- html Form Elements of the jquery file traversals, the html pages are monitored
In label elements it is whether selected；
If it is, select the status display of label elements to choose entirely total, the hiding sub- html table units all chosen
Element.
Therefore when performing the application program stored in the computer-readable recording medium that the present embodiment provides, pass through
The input elements and the hiding sub- html Form Elements all chosen given tacit consent in hidden page, not only realize the attractive in appearance of the page,
Also the good and easy to operate experience of vision is brought for user, and beneficial to popularization and propagated.
A kind of embodiment of above-mentioned page beautification method and a kind of page that preceding method embodiment part provides are beautiful
The beautification mode of change method is identical, repeats no more here.
It should be noted that herein, such as first and second or the like relational terms are used merely to a reality
Body or operation make a distinction with another entity or operation, and not necessarily require or imply and deposited between these entities or operation
In any this actual relation or order.Moreover, term " comprising ", "comprising" or its any other variant are intended to
Nonexcludability includes, so that process, method, article or equipment including a series of elements not only will including those
Element, but also the other element including being not expressly set out, or it is this process, method, article or equipment also to include
Intrinsic key element.In the absence of more restrictions, the key element limited by sentence "including a ...", it is not excluded that
Other identical element also be present in process, method, article or equipment including the key element.
Each embodiment in this specification is described by the way of related, identical similar portion between each embodiment
Divide mutually referring to what each embodiment stressed is the difference with other embodiment.Especially for method,
For device, electronic equipment, computer-readable recording medium embodiment, because it is substantially similar to embodiment of the method, so retouching
That states is fairly simple, and the relevent part can refer to the partial explaination of embodiments of method.
The foregoing is merely illustrative of the preferred embodiments of the present invention, is not intended to limit the scope of the present invention.It is all
Any modification, equivalent substitution and improvements made within the spirit and principles in the present invention etc., are all contained in protection scope of the present invention
It is interior.
Claims (10)
1. a kind of page beautification method, it is characterised in that methods described includes：
Inquiry and control page control jquery files are introduced in the HTML html pages, wherein, the html
The page is based on global wide area network interface, using html and CSS css to provided with input input elements and label
The page that the label element pages are laid out；
Establish html Form Elements；Wherein, the html Form Elements are the input elements given tacit consent in a kind of hidden page, are shown
Show the label elements with the input elements correlations, and the input elements and label elements are the table units of interaction relation
Element；
Using the label elements of all sub- html Form Elements of the jquery file traversals, monitor in the html pages
Whether label elements are selected；
If it is, select the status display of label elements to choose entirely total, the hiding sub- html Form Elements all chosen.
2. the method as described in claim 1, it is characterised in that the html Form Elements be check box element checkbox,
Radio box element radio or choice box element select.
3. the method as described in claim 1, it is characterised in that select the status display of label elements to select entirely total described
In, after the hiding sub- html Form Elements all chosen, methods described also includes：
Using the label elements of all sub- html Form Elements of the jquery file traversals, monitor total in the html pages
Select whether label elements are selected entirely；
If it is, the display of sub- label elements is all chosen.
4. the method as described in claim 1, it is characterised in that select the status display of label elements to select entirely total described
In, after the hiding sub- html Form Elements all chosen, methods described also includes：
Using the label elements of all sub- html Form Elements of the jquery file traversals, monitor total in the html pages
Select whether label elements are cancelled entirely；
All cancel if it is, sub- label elements are shown.
5. a kind of page beautifying apparatus, it is characterised in that described device includes：
File introduces module, for introducing inquiry and control page control jquery texts in the HTML html pages
Part, wherein, the html pages are based on global wide area network interface, using html and CSS css to provided with input
The page that input elements and the label label element pages are laid out；
Form Element establishes module, for establishing html Form Elements；Wherein, the html Form Elements are a kind of hidden pages
The input elements of middle acquiescence, display and the label elements of the input elements correlations, and the input elements and label members
Element is the Form Element of interaction relation；
First monitoring module, for the label elements using all sub- html Form Elements of the jquery file traversals, monitoring
Whether the label elements in the html pages are selected；If it is, display module is chosen in triggering；
It is described to choose display module, for selecting the status display of label elements to choose entirely total, the hiding son all chosen
Html Form Elements.
6. method as claimed in claim 5, it is characterised in that the html Form Elements be check box element checkbox,
Radio box element radio or choice box element select.
7. device as claimed in claim 5, it is characterised in that described device also includes：
Second monitoring module, for the label elements using all sub- html Form Elements of the jquery file traversals, monitoring
In the html pages it is total it is complete select whether label elements are selected, if it is, module is chosen in triggering；
It is described to choose module, for the display of sub- label elements all to be chosen.
8. device as claimed in claim 5, it is characterised in that described device also includes：
3rd monitoring module, for the label elements using all sub- html Form Elements of the jquery file traversals, monitoring
Total in the html pages complete selects whether label elements are cancelled；If it is, module is all cancelled in triggering；
It is described all to cancel module, all cancel for sub- label elements to be shown.
9. a kind of electronic equipment, it is characterised in that including processor, communication interface, memory and communication bus, wherein, processing
Device, communication interface, memory complete mutual communication by communication bus；
Memory, for depositing computer program；
Processor, during for performing the program deposited on memory, realize any described method and steps of claim 1-4.
10. a kind of computer-readable recording medium, it is characterised in that the computer-readable recording medium internal memory contains computer
Program, the computer program realize claim 1-4 any described method and steps when being executed by processor.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710742051.5A CN107491546A (en) | 2017-08-25 | 2017-08-25 | A kind of page beautification method, device, electronic equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710742051.5A CN107491546A (en) | 2017-08-25 | 2017-08-25 | A kind of page beautification method, device, electronic equipment and storage medium |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN107491546A true CN107491546A (en) | 2017-12-19 |
Family
ID=60645843
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201710742051.5A Pending CN107491546A (en) | 2017-08-25 | 2017-08-25 | A kind of page beautification method, device, electronic equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN107491546A (en) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108228184A (en) * | 2018-01-26 | 2018-06-29 | 福建中金在线信息科技有限公司 | Style sheet generation method, device, electronic equipment and computer storage media |
| CN109542439A (en) * | 2018-11-20 | 2019-03-29 | 四川长虹电器股份有限公司 | The method that list data batch selection based on Angular2+ is submitted |
Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1790243A (en) * | 2004-08-16 | 2006-06-21 | 微软公司 | Command user interface for displaying selectable software functionality controls |
| CN102915378A (en) * | 2012-11-16 | 2013-02-06 | 北京奇虎科技有限公司 | Method and device for changing display status of contents in webpage |
| CN103218286A (en) * | 2012-01-20 | 2013-07-24 | 阿里巴巴集团控股有限公司 | Method and system for detecting accessibility of webpage |
| CN103324694A (en) * | 2013-06-01 | 2013-09-25 | 魏新成 | Method of clicking left button in address search box of browser to activate and display navigation browser window |
| CN103631487A (en) * | 2012-08-21 | 2014-03-12 | 腾讯科技（深圳）有限公司 | Method and device for page configuration |
| US20150169154A1 (en) * | 2013-12-16 | 2015-06-18 | Google Inc. | User interface for an application displaying pages |
| CN105426524A (en) * | 2015-12-08 | 2016-03-23 | 北京奇虎科技有限公司 | Web interface displaying method and device |
| CN106372070A (en) * | 2015-07-20 | 2017-02-01 | 腾讯科技（深圳）有限公司 | Method and device for displaying data in graphic interface |
-
2017
- 2017-08-25 CN CN201710742051.5A patent/CN107491546A/en active Pending
Patent Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1790243A (en) * | 2004-08-16 | 2006-06-21 | 微软公司 | Command user interface for displaying selectable software functionality controls |
| CN103218286A (en) * | 2012-01-20 | 2013-07-24 | 阿里巴巴集团控股有限公司 | Method and system for detecting accessibility of webpage |
| CN103631487A (en) * | 2012-08-21 | 2014-03-12 | 腾讯科技（深圳）有限公司 | Method and device for page configuration |
| CN102915378A (en) * | 2012-11-16 | 2013-02-06 | 北京奇虎科技有限公司 | Method and device for changing display status of contents in webpage |
| CN103324694A (en) * | 2013-06-01 | 2013-09-25 | 魏新成 | Method of clicking left button in address search box of browser to activate and display navigation browser window |
| US20150169154A1 (en) * | 2013-12-16 | 2015-06-18 | Google Inc. | User interface for an application displaying pages |
| CN106372070A (en) * | 2015-07-20 | 2017-02-01 | 腾讯科技（深圳）有限公司 | Method and device for displaying data in graphic interface |
| CN105426524A (en) * | 2015-12-08 | 2016-03-23 | 北京奇虎科技有限公司 | Web interface displaying method and device |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108228184A (en) * | 2018-01-26 | 2018-06-29 | 福建中金在线信息科技有限公司 | Style sheet generation method, device, electronic equipment and computer storage media |
| CN109542439A (en) * | 2018-11-20 | 2019-03-29 | 四川长虹电器股份有限公司 | The method that list data batch selection based on Angular2+ is submitted |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN102890724B (en) | webpage loading method and device | |
| CN104462567B (en) | The switching method and apparatus of web page and the comprehensive page provide device | |
| CN107066174A (en) | Floating layer display methods, device and user terminal | |
| CN107203595A (en) | A kind of method of the dynamic generation web interface based on flexible form | |
| CN104375818A (en) | System and method for achieving general data form inputting through configuration files | |
| CN109840303A (en) | Original list method for customizing, device, equipment and computer readable storage medium | |
| CN106909281A (en) | One kind application inner boundary changing method and device | |
| CN103279269A (en) | Method, device and terminal equipment for data interaction among application programs | |
| CN104850498B (en) | A kind of filling information method of testing and system | |
| CN103324478A (en) | Mobile terminal and application program management method thereof | |
| CN103235719A (en) | Method and device for setting WAP website | |
| CN104063657A (en) | Method and device for starting private browsing, browser and electronic equipment | |
| CN101477564A (en) | Intelligent layout method for displaying wide web page on narrow-screen equipment | |
| CN105205845B (en) | Webpage animation rendering method and device | |
| CN107491546A (en) | A kind of page beautification method, device, electronic equipment and storage medium | |
| US10242139B2 (en) | Scheme and design markup language for interoperability of electronic design application tool and browser | |
| CN102750285B (en) | system and method for providing offline browsing | |
| CN107180032A (en) | Comment on content display method and system | |
| CN106503009A (en) | Show the transfer method and device of data in the page | |
| CN107391534A (en) | The page is shown, pagefile return method and device, computer-readable storage medium | |
| CN107133245A (en) | Presence information management system, method and electronic equipment | |
| CN109542404A (en) | Construction method, device, storage medium and the electronic equipment of page assembly | |
| CN107423204A (en) | Processing method, device and the terminal of the Operation Log of application program | |
| US10586011B1 (en) | System and method for pin automation for topology editing | |
| CN106202160A (en) | A kind of Webpage display process and device |
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 | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20171219 |