CN111125578B - 页面显示方法、页面显示装置、存储介质和电子设备 - Google Patents

页面显示方法、页面显示装置、存储介质和电子设备 Download PDF

Info

Publication number
CN111125578B
CN111125578B CN201911159644.4A CN201911159644A CN111125578B CN 111125578 B CN111125578 B CN 111125578B CN 201911159644 A CN201911159644 A CN 201911159644A CN 111125578 B CN111125578 B CN 111125578B
Authority
CN
China
Prior art keywords
page
style
displayed
condition
user input
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
Application number
CN201911159644.4A
Other languages
English (en)
Other versions
CN111125578A (zh
Inventor
吴明骏
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Lazas Network Technology Shanghai Co Ltd
Original Assignee
Lazas Network Technology Shanghai Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Lazas Network Technology Shanghai Co Ltd filed Critical Lazas Network Technology Shanghai Co Ltd
Priority to CN201911159644.4A priority Critical patent/CN111125578B/zh
Publication of CN111125578A publication Critical patent/CN111125578A/zh
Application granted granted Critical
Publication of CN111125578B publication Critical patent/CN111125578B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/958Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing 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)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明实施例公开了一种页面显示方法、页面显示装置、存储介质和电子设备。本发明实施例在获取待显示页面的页面属性后,若页面属性满足第一条件,则将待显示页面的样式表样式设置为第一样式,以对待显示页面进行隐藏。在本发明实施例中,终端可以对页面属性满足第一条件的子页面进行隐藏,从而可以降低子页面对于父页面的显示造成的影响。

Description

页面显示方法、页面显示装置、存储介质和电子设备
技术领域
本发明公开涉及计算机技术领域,具体涉及一种页面显示方法、页面显示装置、存储介质和电子设备。
背景技术
用户在访问预定的网页、管理系统等时,通常会打开多个网页查看信息,但多个网页通常显示在不同的窗口,用户在查看不同网页时需要进行窗口切换。为了简化上述操作,越来越多的网页、预定管理系统等在对一级页面进行显示时,通常可以支持在一级页面中对二级页面进行显示。但现有的页面显示方法在对二级页面进行显示时,通常会对一级页面的显示造成较大影响。
发明内容
有鉴于此,本发明实施例的目的在于提供一种页面显示方法、页面显示装置、存储介质和电子设备,用于降低在显示二级页面时,对一级页面的显示造成的影响。
第一方面,本发明实施例提供了一种页面显示方法,所述方法包括:
获取待显示页面的页面属性;
响应于所述页面属性满足第一条件,设置所述待显示页面的样式表样式为第一样式,以对所述待显示页面进行隐藏。
优选地,所述方法还包括:
接收用户输入;
响应于所述用户输入满足第二条件,设置所述待显示页面的样式表样式为第二样式,以对所述待显示页面进行显示。
优选地,所述方法还包括:
响应于所述页面属性满足第一条件,生成所述待显示页面对应的页面显示控件;
所述接收用户输入为:
通过所述页面显示控件接收所述用户输入。
优选地,所述方法还包括:
响应于所述用户输入满足第三条件,设置所述待显示页面的样式表样式为所述第一样式。
优选地,所述方法还包括:
设置所述待显示页面的位置信息为第一位置,所述第一位置在可视区域内。
优选地,所述第一条件为所述页面属性为二级页面;
所述设置所述待显示页面的样式表样式为第一样式包括:
响应于所述样式表样式为第一样式,将所述位置信息修改为第二位置,所述第二位置在可视区域外。
优选地,所述用户输入为用户点击预定控件的点击操作;
所述第二条件为所述点击操作的次数为奇数次;
所述设置所述待显示页面的样式表样式为第二样式包括:
响应于所述样式表样式为第二样式,保持所述位置信息不变。
优选地,所述用户输入为用户点击预定控件的点击操作;
所述第三条件为所述点击操作的次数为偶数次。
第二方面,本发明实施例提供了一种页面显示装置,所述装置包括:
第一获取单元,用于获取待显示页面的页面属性;
第一设置单元,用于响应于所述页面属性满足第一条件,设置所述待显示页面的样式表样式为第一样式,以对所述待显示页面进行隐藏。
优选地,所述装置还包括:
接收单元,用于接收用户输入;
第二设置单元,用于响应于所述用户输入满足第二条件,设置所述待显示页面的样式表样式为第二样式,以对所述待显示页面进行显示。
优选地,所述装置还包括:
生成单元,用于响应于所述页面属性满足第一条件,生成所述待显示页面对应的页面显示控件;
所述接收用户输入为:
通过所述页面显示控件接收所述用户输入。
优选地,所述装置还包括:
第三设置单元,用于响应于所述用户输入满足第三条件,设置所述待显示页面的样式表样式为所述第一样式。
优选地,所述装置还包括:
第四设置单元,用于设置所述待显示页面的位置信息为第一位置,所述第一位置在可视区域内。
优选地,所述第一条件为所述页面属性为二级页面;
所述第一设置单元或所述第三设置单元用于响应于所述样式表样式为第一样式,将所述位置信息修改为第二位置,所述第二位置在可视区域外。
优选地,所述用户输入为用户点击预定控件的点击操作;
所述第二条件为所述点击操作的次数为奇数次;
所述第二设置单元用于响应于所述样式表样式为第二样式,保持所述位置信息不变。
优选地,所述用户输入为用户点击预定控件的点击操作;
所述第三条件为所述点击操作的次数为偶数次。
第三方面,本发明实施例提供了一种计算机可读存储介质,其上存储计算机程序指令,其中,所述计算机程序指令在被处理器执行时实现如第一方面中任一项所述的方法。
第四方面,本发明实施例提供了一种电子设备,包括存储器和处理器,其特征在于,所述存储器用于存储一条或多条计算机程序指令,其中,所述一条或多条计算机程序指令被所述处理器执行以实现如第一方面中任一项所述的方法。
本发明实施例在获取待显示页面的页面属性后,若页面属性满足第一条件,则将待显示页面的样式表样式设置为第一样式,以对待显示页面进行隐藏。在本发明实施例中,终端可以对页面属性满足第一条件的子页面进行隐藏,从而可以降低子页面对于父页面的显示造成的影响。
附图说明
通过以下参照附图对本发明实施例的描述,本发明的上述以及其它目的、特征和优点将更为清楚,在附图中:
图1是现有技术的页面显示方法的示意图;
图2是本发明第一实施例的页面显示方法的流程图;
图3是本发明第二实施例的页面显示方法的流程图;
图4是本发明实施例的页面显示方法的示意图;
图5是本发明第三实施例的页面显示装置的示意图;
图6是本发明第四实施例的电子设备的示意图。
具体实施方式
以下基于实施例对本发明公开进行描述,但是本发明公开并不仅仅限于这些实施例。在下文对本发明公开的细节描述中,详尽描述了一些特定的细节部分。对本领域技术人员来说没有这些细节部分的描述也可以完全理解本发明公开。为了避免混淆本发明公开的实质,公知的方法、过程、流程、元件和电路并没有详细叙述。
此外,本领域普通技术人员应当理解,在此提供的附图都是为了说明的目的,并且附图不一定是按比例绘制的。
除非上下文明确要求,否则整个申请文件中的“包括”、“包含”等类似词语应当解释为包含的含义而不是排他或穷举的含义;也就是说,是“包括但不限于”的含义。
在本发明公开的描述中,需要理解的是,术语“第一”、“第二”等仅用于描述目的,而不能理解为指示或暗示相对重要性。此外,在本发明公开的描述中,除非另有说明,“多个”的含义是两个或两个以上。
图1是现有技术的页面显示方法的示意图。如图1所示,11为一级页面,12为二级页面。现有的网页、预定管理系统等在对一级页面11进行显示(如图1上半部分所示)时,通常可以支持在一级页面11中对二级页面12进行显示。但现有的页面显示方法在对二级页面12进行显示时,通常会缩小一级页面11的可视化面积,并在界面中对一级页面11’(也即,图1所示的灰色区域)和二级页面12同时进行显示(如图1下半部分所示),且二级页面12不便于收起,因此会长时间占用一级页面11的可视化面积,从而对一级页面11的显示造成较大影响。
在本实施例中,以待显示页面为二级页面为例进行说明。但是本领域技术人员容易理解,任一子页面(也即,child page)均可以作为本发明实施例的待显示页面。
图2是本发明第一实施例的页面显示方法的流程图。如图2所示,本实施例的方法包括如下步骤:
步骤S201,获取待显示页面的页面属性。
页面属性通常包括window.parent,window.self(或者window,self),也可能包括window.top。其中,window.parent用于表示待显示页面为父页面(在本实施例中,也即一级页面),window.self用于表示待显示页面为当前页面,window.top用于表示待显示页面为顶级父页面。
在本实施例中,终端可以通过window.parent(或者window.top)与self是否相同的方式确定待显示页面的页面属性。以一级页面为父页面为例,若window.parent!==self或者parent===self//false,则表示当前页面不为一级页面,也即,可以认定待显示页面的页面属性为二级页面;若window.parent==self或者parent===self//true,则表示当前页面为父页面,也即,可以认定待显示页面的页面属性为一级页面。
步骤S202,设置待显示页面的样式表样式为第一样式,以对待显示页面进行隐藏。
在本步骤中,终端可以响应于待显示页面的页面属性满足第一条件,设置待显示页面的样式表样式为第一样式。
在本实施例中,第一条件为待显示页面的页面属性为二级页面。用户通常对一级页面的使用频率较高,而二级页面的使用频率相对较低,因此终端可以将待显示的二级页面的初始显示方式设置为隐藏。
样式表样式可以为CSS(Cascading Style Sheets,层叠样式表或级联样式表)样式。CSS可以对页面(在本实施例中,也即二级页面)中元素位置的排版进行像素级别的精准控制,以调整二级页面的位置信息,并保证二级页面在位置信息发生改变(包括可视区域内与可视区域外)时页面内元素的显示方式保持不变。容易理解,本实施例的样式表样式不限于CSS样式,还可以为预定网页或预定管理系统等可以支持的其他样式,例如CSS3样式等,本实施例不做限定。
可选地,终端可以预先设置样式表样式与待显示页面的位置信息的对应关系,并响应于待显示页面的样式表样式为第一样式,根据样式表样式与待显示页面的位置信息的对应关系将待显示页面的位置信息确定为第二位置。第一样式可以被设置为用于表征待显示网页的显示状态为不显示的样式,例如off,第二位置可以被设置为在预定网页、预定管理系统等的界面外的任意位置(也即,在可视区域外),例如可以将位置属性设置为absolute,将用于确定顶端位置top的值设置为任意大于等于0的值,并将用于确定左端位置left的值设置为-100%,从而对待显示页面进行隐藏。
本实施例在获取待显示页面的页面属性后,若页面属性满足第一条件,则将待显示页面的样式表样式设置为第一样式,以对待显示页面进行隐藏。在本实施例中,终端可以对页面属性满足第一条件的子页面进行隐藏,从而可以降低子页面对于父页面的显示造成的影响。
图3是本发明第二实施例的页面显示方法的流程图。如图3所示,本实施例的方法包括如下步骤:
步骤S301,获取待显示页面的页面属性。
在本实施例中,步骤S301和步骤S201的实现方式相似,在此不再赘述。
步骤S302,设置待显示页面的位置信息为第一位置。
第一位置可以为在预定网页、预定管理系统等的可视区域内的任意位置。终端可以预先设置好待显示页面在预定网页、预定管理系统等的界面内可被用户查看到的位置(也即,第一位置),从而在后续通过改变待显示页面的样式表样式的方式对待显示页面进行显示或隐藏。例如,第一位置可以通过如下设置实现:将位置属性设置为absolute(绝对位置),将用于确定顶端位置top的值设置为0,并将用于确定左端位置left的值设置为0。
容易理解,在本实施例中,步骤S301和步骤S302可以同时执行,也可以先后执行,本实施例不做限定。
步骤S303,设置待显示页面的样式表样式为第一样式,以对待显示页面进行隐藏。
在本实施例中,步骤S303和步骤S202的实现方式相似,在此不再赘述。
步骤S304,生成待显示页面对应的页面显示控件。
在本步骤中,终端可以响应于待显示页面的页面属性满足第一条件,生成该待显示页面对应的页面显示控件。可选地,若存在多个待显示的二级页面,终端可以生成各二级页面对应的页面显示控件,增强了各二级页面显示的灵活性。在本实施例中,终端可以通过页面显示控件接收用户的点击操作,并根据点击操作改变待显示页面的CSS样式,从而达到改变待显示页面的显示状态的目的。在本实施例中,第一条件同样可以为待显示页面的页面属性为二级页面。
可选地,在本实施例中,终端可以将各页面显示控件的位置信息设置为与其对应的待显示页面保持相对位置不变的位置(例如,可以将位置属性设置为relative,并根据待显示页面在不同CSS样式下的top取值以及left取值确定对应的各页面显示控件的top取值以及left取值),也可以设置为固定位置(例如,可以将位置属性设置为fixed,并将top取值以及left取值设置为任意大于等于0的值,如top=50%,left=20px),本实施例不做限定。
容易理解,在本实施例中,步骤S303和步骤S304可以同时执行,也可以先后执行,本实施例不做限定。
步骤S305,通过页面显示控件接收用户输入。
在本实施例中,用户输入可以为用户点击预定控件的点击操作、用户对于预定控件的拖拽操作等,本实施例不做限定。
具体地,终端可以通过待显示页面对应的页面显示控件接收用户对于页面显示控件的点击操作,从而在后续根据点击操作确定待显示页面的CSS样式。可选地,若存在多个待显示页面,终端可以通过各页面显示控件接收用户的点击操作,从而在后续分别根据各页面显示控件接收到的点击操作确定对应的待显示页面的CSS样式。
步骤S306,响应于用户输入满足第二条件,设置待显示页面的样式表样式为第二样式。
在本步骤中,终端可以响应于用户输入满足第二条件,设置待显示页面的样式表样式为第二样式,从而对待显示页面进行显示。
第二条件用于将待显示页面的显示状态修改为显示,第二条件可以根据用户输入确定,例如,在用户输入为用户点击预定控件的点击操作时,第二条件可以为点击操作为奇数次等;在用户输入为用户对于预定控件的拖拽操作时,第二条件可以为用户将预定控件拖拽至预定范围内等。在本实施例中,第二条件为用户点击待显示页面对应的页面显示控件的点击操作的次数为奇数次。在用户输入满足第二条件时,表明用户希望查看到第二页面,因此终端可以将待显示页面的页面样式设置为第二样式。
与步骤S304相似,终端可以响应于待显示页面的样式表样式为第二样式,将待显示页面的位置信息确定为第一位置。在本实施例中,第二样式可以被设置为用于表征待显示网页的显示状态为显示的样式,例如on,第一位置可以被设置为在预定网页、预定管理系统等的界面内的任意位置(也即,在可视区域内),例如可以将第一位置的显示方式设置为absolute,将用于确定顶端位置top的值设置为任意大于等于0的值,并将用于确定左端位置left的值设置为任意大于等于0的值,从而对待显示页面进行显示。
具体地,在对待显示页面进行显示时,终端只需将待显示页面的位置信息修改为第一位置,无需调整其余页面的显示方式,使得待显示页面可以以悬浮的方式显示在已显示页面前端,从而有效降低二级页面对一级页面的字体大小、样式等显示内容造成的影响。
容易理解,在本实施例中,也可以将待显示页面的第一位置设置为可视区域内的任一位置,将第二位置设置为可视区域外的任一位置,从而使得终端可以在待显示页面的页面属性满足第一条件时,首先对待显示页面进行显示,并在用户输入满足第二条件时,对待显示页面进行隐藏。
步骤S307,响应于用户输入满足第三条件,设置待显示页面的样式表样式为第一样式。
第三条件用于将待显示页面的显示状态修改为隐藏,第三条件同样可以根据用户输入确定,例如,在用户输入为用户点击预定控件的点击操作时,第三条件可以为点击操作为偶数次等;在用户输入为用户对于预定控件的拖拽操作时,第三条件可以为用户将预定控件拖拽至预定范围内等。在本实施例中,第三条件为用户点击待显示页面对应的页面显示控件的点击操作的次数为偶数次。在用户输入满足第三条件时,表示用户想要对待显示页面进行隐藏,以查看界面中的其余页面,终端可以将待显示页面的CSS样式设置为第一样式,并将待显示页面的位置信息修改为第二位置,从而对待显示页面进行隐藏。
图4是本发明实施例的页面显示方法的示意图。终端可以将待显示页面的位置信息设置为第一位置,例如,将待显示页面的位置属性(position)设置为absolute,并将top以及left设置为0。在根据待显示页面的页面属性将待显示页面确定为二级页面时,终端可以将待显示页面的CSS样式设置为第一样式,例如设置为child-page(在本实施例中,也即二级页面).off,并设置待显示页面在child-page.off样式下对应的第二位置,例如将left设置为-100%,并生成待显示页面对应的页面显示控件。如图4上半部分所示,终端界面内不显示待显示页面,仅显示待显示页面对应的页面显示控件41。页面显示控件41可以接收用户的点击操作。在用户点击了单数次(例如一次)页面显示控件41时,终端可以将待显示页面的CSS样式设置为第二样式,例如移除off(也即,设置为child-page),使得待显示页面的位置信息被修改为第一位置,从而对待显示页面进行显示。如图4下半部分所示,待显示页面42被显示在一级页面43的左上侧,而一级页面43的显示方式保持不变。在用户点击了偶数次(例如两次)页面显示控件41时,终端可以将待显示页面的CSS样式设置为第一样式,例如重新添加off(也即,设置为child-page.off),使得待显示页面42的位置信息重新被设置为第二位置,从而对待显示页面进行隐藏。
本实施例在获取待显示页面的页面属性后,若页面属性满足第一条件,终端则可以将待显示页面的样式表样式设置为第一样式,以对待显示页面进行隐藏,并生成待显示页面对应的页面显示控件。并通过页面显示控件接收用户输入,若用户输入满足第二条件,终端则可以将待显示页面的样式表样式设置为第二样式,以对待显示页面进行显示;若用户输入满足第三条件,终端则可以将待显示页面的样式表样式重新设置为第一样式。在本实施例中,终端可以根据待显示页面的页面属性确定子页面,进而通过子页面对应的页面显示控件接收用户输入并根据用户输入设置子页面的样式表样式,从而对子页面进行显示或隐藏,提升了子页面显示的灵活性,同时降低了子页面对于父页面的显示造成的影响。
图5是本发明第三实施例的页面显示装置的示意图。如图5所示,本实施例的装置包括第一获取单元501和第一设置单元502。
其中,第一获取单元501用于获取待显示页面的页面属性。第一设置单元502用于响应于所述页面属性满足第一条件,设置所述待显示页面的样式表样式为第一样式,以对所述待显示页面进行隐藏。
进一步地,所述装置还包括接收单元503和第二设置单元504。
其中,接收单元503用于接收用户输入。第二设置单元504用于响应于所述用户输入满足第二条件,设置所述待显示页面的样式表样式为第二样式,以对所述待显示页面进行显示。
进一步地,所述装置还包括生成单元505。
其中,生成单元505用于响应于所述页面属性满足第一条件,生成所述待显示页面对应的页面显示控件;
所述接收用户输入为:
通过所述页面显示控件接收所述用户输入。
进一步地,所述装置还包括第三设置单元506。
其中,第三设置单元506用于响应于所述用户输入满足第三条件,设置所述待显示页面的样式表样式为所述第一样式。
进一步地,所述装置还包括第四设置单元507。
其中,第四设置单元507用于设置所述待显示页面的位置信息为第一位置,所述第一位置在可视区域内。
进一步地,所述第一条件为所述页面属性为二级页面;
所述第一设置单元502或所述第三设置单元506用于响应于所述样式表样式为第一样式,将所述位置信息修改为第二位置,所述第二位置在可视区域外。
进一步地,所述用户输入为用户点击预定控件的点击操作;
所述第二条件为所述点击操作的次数为奇数次;
所述第二设置单元504用于响应于所述样式表样式为第二样式,保持所述位置信息不变。
进一步地,所述用户输入为用户点击预定控件的点击操作;
所述第三条件为所述点击操作的次数为偶数次。
本实施例在获取待显示页面的页面属性后,若页面属性满足第一条件,则将待显示页面的样式表样式设置为第一样式,以对待显示页面进行隐藏,并生成待显示页面对应的页面显示控件。通过页面显示控件接收用户输入,若用户输入满足第二条件,则将待显示页面的样式表样式设置为第二样式,以对待显示页面进行显示;若用户输入满足第三条件,则将待显示页面的样式表样式重新设置为第一样式。在本实施例中,可以根据待显示页面的页面属性确定二级页面,并根据二级页面对应的页面显示控件接收用户输入,从而根据用户输入设置二级页面的样式表样式,以对二级页面进行显示或隐藏,提升了二级页面显示的灵活性,同时降低了二级页面对于一级页面的显示造成的影响。
图6是本发明第四实施例的电子设备的示意图。如图6所示,该电子设备:至少包括一个处理器601;以及,与至少一个处理器601通信连接的存储器602;以及,与扫描装置通信连接的通信组件603,通信组件603在处理器601的控制下接收和发送数据;其中,存储器602存储有可被至少一个处理器601执行的命令,命令被至少一个处理器601执行以实现上述步骤。
具体地,该电子设备包括:一个或多个处理器601以及存储器602,图6中以一个处理器601为例。处理器601、存储器602可以通过总线或者其他方式连接,图6中以通过总线连接为例。存储器602作为一种非易失性计算机可读存储介质,可用于存储非易失性软件程序、非易失性计算机可执行程序以及模块。处理器601通过运行存储在存储器602中的非易失性软件程序、命令以及模块,从而执行设备的各种功能应用以及数据处理,即实现上述数据传输方法。
存储器602可以包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需要的应用程序;存储数据区可存储选项列表等。此外,存储器602可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件、闪存器件、或其他非易失性固态存储器件。在一些实施例中,存储器602可选包括相对于处理器601远程设置的存储器,这些远程存储器可以通过网络连接至外接设备。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
一个或者多个模块存储在存储器602中,当被一个或者多个处理器601执行时,执行上述任意方法实施例中的数据传输方法。
上述产品可执行本申请实施例所提供的方法,具备执行方法相应的功能模块和有益效果,未在本实施例中详尽描述的技术细节,可参见本申请实施例所提供的方法。
本实施例在获取待显示页面的页面属性后,若页面属性满足第一条件,则将待显示页面的样式表样式设置为第一样式,以对待显示页面进行隐藏,并生成待显示页面对应的页面显示控件。通过页面显示控件接收用户输入,若用户输入满足第二条件,则将待显示页面的样式表样式设置为第二样式,以对待显示页面进行显示;若用户输入满足第三条件,则将待显示页面的样式表样式重新设置为第一样式。在本实施例中,可以根据待显示页面的页面属性确定二级页面,并根据二级页面对应的页面显示控件接收用户输入,从而根据用户输入设置二级页面的样式表样式,以对二级页面进行显示或隐藏,提升了二级页面显示的灵活性,同时降低了二级页面对于一级页面的显示造成的影响。
本发明的第五实施例涉及一种非易失性存储介质,用于存储计算机可读程序,所述计算机可读程序用于供计算机执行上述部分或全部的方法实施例。
即,本领域技术人员可以理解,实现上述实施例方法中的全部或部分步骤是可以通过程序来命令相关的硬件来完成,该程序存储在一个存储介质中,包括若干命令用以使得一个设备(可以是单片机,芯片等)或处理器(processor)执行本申请各实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(ROM,Read-OnlyMemory)、随机存取存储器(RAM,Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。
本领域的普通技术人员可以理解,上述各实施例是实现本发明的具体实施例,而在实际应用中,可以在形式上和细节上对其作各种改变,而不偏离本发明的精神和范围。

Claims (8)

1.一种页面显示方法,其特征在于,所述方法包括:
获取待显示页面的页面属性,所述页面属性包括一级页面、顶级父页面和当前页面,所述一级页面表征父页面,所述父页面为window.parent,所述当前页面为window.self或window,self,所述顶级父页面为window.top;
响应于所述页面属性满足第一条件,设置所述待显示页面的样式表样式为第一样式,以对所述待显示页面进行隐藏,所述第一条件为所述页面属性为二级页面,所述样式表样式为层叠样式表,所述二级页面表征使用频率较低的页面;
所述设置所述待显示页面的样式表样式为第一样式包括:
根据样式表样式与待显示页面的位置信息的对应关系确定所述待显示页面的位置信息为第二位置,所述第二位置在可视区域外;
响应于所述样式表样式为第一样式,通过所述样式表样式对所述待显示页面的页面元素进行排版,将所述位置信息修改为第二位置;
其中,所述方法还包括:
响应于所述一级页面或所述顶级父页面与所述当前页面不同,确定所述待显示页面的页面属性为所述二级页面;
其中,所述方法还包括:
接收用户输入;
响应于所述用户输入满足第二条件,设置所述待显示页面的样式表样式为第二样式,以对所述待显示页面进行显示;
其中,所述方法还包括:
响应于所述页面属性满足第一条件,生成所述待显示页面对应的页面显示控件,将所述页面显示控件的位置信息设置为与其对应的待显示页面保持相对位置不变的位置,其中,所述页面显示控件用于改变预定网页已加载的所述待显示页面的显示状态;
所述接收用户输入为:
通过所述页面显示控件接收所述用户输入;
其中,所述方法还包括:
响应于所述用户输入满足第三条件,设置所述待显示页面的样式表样式为所述第一样式;
其中,所述用户输入为用户点击预定控件的点击操作,所述第二条件为所述点击操作的次数为奇数次,所述第三条件为所述点击操作的次数为偶数次。
2.根据权利要求1所述的方法,其特征在于,所述方法还包括:
设置所述待显示页面的位置信息为第一位置,所述第一位置在可视区域内。
3.根据权利要求2所述的方法,其特征在于,所述设置所述待显示页面的样式表样式为第二样式包括:
响应于所述样式表样式为第二样式,保持所述位置信息不变。
4.一种页面显示装置,其特征在于,所述装置包括:
第一获取单元,用于获取待显示页面的页面属性,所述页面属性包括一级页面、顶级父页面和当前页面,所述一级页面表征父页面,所述父页面为window.parent,所述当前页面为window.self或window,self,所述顶级父页面为window.top;
第一设置单元,用于响应于所述页面属性满足第一条件,设置所述待显示页面的样式表样式为第一样式,以对所述待显示页面进行隐藏,所述第一条件为所述页面属性为二级页面,所述样式表样式为层叠样式表,所述二级页面表征使用频率较低的页面;
页面属性确定单元,用于响应于所述一级页面或所述顶级父页面与所述当前页面不同,确定所述待显示页面的页面属性为所述二级页面;
其中,所述第一设置单元还用于根据样式表样式与待显示页面的位置信息的对应关系确定所述待显示页面的位置信息为第二位置,所述第二位置在可视区域外,响应于所述样式表样式为第一样式,通过所述样式表样式对所述待显示页面的页面元素进行排版,将所述位置信息修改为第二位置;
其中,所述装置还包括:
接收单元,用于接收用户输入;
第二设置单元,用于响应于所述用户输入满足第二条件,设置所述待显示页面的样式表样式为第二样式,以对所述待显示页面进行显示;
其中,所述装置还包括:
生成单元,用于响应于所述页面属性满足第一条件,生成所述待显示页面对应的页面显示控件,将所述页面显示控件的位置信息设置为与其对应的待显示页面保持相对位置不变的位置,其中,所述页面显示控件用于改变预定网页已加载的所述待显示页面的显示状态;
所述接收用户输入为:
通过所述页面显示控件接收所述用户输入;
其中,所述装置还包括:
第三设置单元,用于响应于所述用户输入满足第三条件,设置所述待显示页面的样式表样式为所述第一样式;
其中,所述用户输入为用户点击预定控件的点击操作,所述第二条件为所述点击操作的次数为奇数次,所述第三条件为所述点击操作的次数为偶数次。
5.根据权利要求4所述的装置,其特征在于,所述装置还包括:
第四设置单元,用于设置所述待显示页面的位置信息为第一位置,所述第一位置在可视区域内。
6.根据权利要求5所述的装置,其特征在于,所述第二设置单元用于响应于所述样式表样式为第二样式,保持所述位置信息不变。
7.一种计算机可读存储介质,其上存储计算机程序指令,其特征在于,所述计算机程序指令在被处理器执行时实现如权利要求1-3中任一项所述的方法。
8.一种电子设备,包括存储器和处理器,其特征在于,所述存储器用于存储一条或多条计算机程序指令,其中,所述一条或多条计算机程序指令被所述处理器执行以实现如权利要求1-3中任一项所述的方法。
CN201911159644.4A 2019-11-22 2019-11-22 页面显示方法、页面显示装置、存储介质和电子设备 Active CN111125578B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201911159644.4A CN111125578B (zh) 2019-11-22 2019-11-22 页面显示方法、页面显示装置、存储介质和电子设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201911159644.4A CN111125578B (zh) 2019-11-22 2019-11-22 页面显示方法、页面显示装置、存储介质和电子设备

Publications (2)

Publication Number Publication Date
CN111125578A CN111125578A (zh) 2020-05-08
CN111125578B true CN111125578B (zh) 2024-03-12

Family

ID=70496446

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201911159644.4A Active CN111125578B (zh) 2019-11-22 2019-11-22 页面显示方法、页面显示装置、存储介质和电子设备

Country Status (1)

Country Link
CN (1) CN111125578B (zh)

Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105183851A (zh) * 2015-09-08 2015-12-23 上海上讯信息技术股份有限公司 克服浏览器同源策略限制的交互方法及设备
CN107391534A (zh) * 2017-04-19 2017-11-24 阿里巴巴集团控股有限公司 页面显示、页面文件返回方法及装置、计算机存储介质
CN107480218A (zh) * 2017-07-31 2017-12-15 阿里巴巴集团控股有限公司 网页显示方法及装置、电子设备、存储介质
CN107729768A (zh) * 2017-11-03 2018-02-23 广州视源电子科技股份有限公司 一种页面显示方法、装置、智能平板和存储介质
CN109492182A (zh) * 2018-11-05 2019-03-19 珠海格力电器股份有限公司 页面生成方法、装置、页面显示系统和存储介质
CN109656443A (zh) * 2018-10-31 2019-04-19 百度在线网络技术(北京)有限公司 页面显示方法和装置
CN110134482A (zh) * 2019-05-20 2019-08-16 无讼网络科技(北京)有限公司 页面显示方法、装置、电子设备及计算机可读存储介质
CN110413922A (zh) * 2019-06-28 2019-11-05 平安科技(深圳)有限公司 页面信息显示方法、装置、计算机设备和存储介质

Patent Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105183851A (zh) * 2015-09-08 2015-12-23 上海上讯信息技术股份有限公司 克服浏览器同源策略限制的交互方法及设备
CN107391534A (zh) * 2017-04-19 2017-11-24 阿里巴巴集团控股有限公司 页面显示、页面文件返回方法及装置、计算机存储介质
CN107480218A (zh) * 2017-07-31 2017-12-15 阿里巴巴集团控股有限公司 网页显示方法及装置、电子设备、存储介质
CN107729768A (zh) * 2017-11-03 2018-02-23 广州视源电子科技股份有限公司 一种页面显示方法、装置、智能平板和存储介质
CN109656443A (zh) * 2018-10-31 2019-04-19 百度在线网络技术(北京)有限公司 页面显示方法和装置
CN109492182A (zh) * 2018-11-05 2019-03-19 珠海格力电器股份有限公司 页面生成方法、装置、页面显示系统和存储介质
CN110134482A (zh) * 2019-05-20 2019-08-16 无讼网络科技(北京)有限公司 页面显示方法、装置、电子设备及计算机可读存储介质
CN110413922A (zh) * 2019-06-28 2019-11-05 平安科技(深圳)有限公司 页面信息显示方法、装置、计算机设备和存储介质

Also Published As

Publication number Publication date
CN111125578A (zh) 2020-05-08

Similar Documents

Publication Publication Date Title
WO2021068331A1 (zh) 一种网页自适应布局方法、服务器及计算机可读存储介质
CN111984351B (zh) 页面适配方法、电子设备、计算机可读存储介质
JP5894266B2 (ja) アプリケーション・タイルの呈示フォーマット
US20160132201A1 (en) Contextual tabs in mobile ribbons
CN111026392B (zh) 一种引导页面生成方法、装置及电子设备
CN105528408A (zh) 页面展示方法和装置
US9792383B2 (en) Unload and display content placeholders with versions
EP3832459A1 (en) Graphic drawing method and apparatus, device, and storage medium
CN109324722B (zh) 思维导图的节点添加方法、装置、设备及存储介质
US8887059B2 (en) Method and apparatus of locally controlling display content of a remote system
US9921719B2 (en) Touch display apparatus and wallpaper replacing method thereof
CN103098001A (zh) 一种用户界面的处理方法和电子设备
CN106294413A (zh) 图片的加载方法和装置
CN111124564A (zh) 显示用户界面的方法及装置
US20090158178A1 (en) Graphically navigating tree structures
CN111782106A (zh) 用于展示页面菜单栏的方法、装置、电子设备和可读介质
CN111125578B (zh) 页面显示方法、页面显示装置、存储介质和电子设备
CN107621951B (zh) 一种视图层级优化的方法及装置
CN111428452B (zh) 一种批注数据保存方法及装置
CN112417340A (zh) 网页图片处理方法、计算机设备和存储介质
CN111651107A (zh) 一种3d模型前端显示方法、装置、设备及介质
CN112035108B (zh) 一种用户界面布局设计方法、系统、终端及介质
CN106095734B (zh) 一种文本显示方法及装置
CN118466807B (zh) 基于jQuery全屏轮播图控制方法及装置
CN108563486B (zh) 一种光标控制方法和装置

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