CN103164488A - 一种页面显示方法及显示装置 - Google Patents
一种页面显示方法及显示装置 Download PDFInfo
- Publication number
- CN103164488A CN103164488A CN2011104274825A CN201110427482A CN103164488A CN 103164488 A CN103164488 A CN 103164488A CN 2011104274825 A CN2011104274825 A CN 2011104274825A CN 201110427482 A CN201110427482 A CN 201110427482A CN 103164488 A CN103164488 A CN 103164488A
- Authority
- CN
- China
- Prior art keywords
- page
- current
- display
- user
- jump instruction
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 24
- 238000004883 computer application Methods 0.000 abstract description 2
- 238000006467 substitution reaction Methods 0.000 description 2
- 238000010586 diagram Methods 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 238000012544 monitoring process Methods 0.000 description 1
- 230000001960 triggered effect Effects 0.000 description 1
Images
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本发明实施例提供了一种页面显示控制方法及装置,涉及计算机应用领域,方便用户快速从页面底端返回至顶端。该页面显示方法,包括:接收用户在当前页面规定区域输入的跳转指令;根据所述跳转指令,从所述当前显示页面的顶端重新显示所述当前显示页面,使得所述页面跳转至顶端。本发明实施例用于浏览页面。
Description
技术领域
本发明涉及计算机应用领域,尤其涉及一种页面显示方法及显示装置。
背景技术
近年来互联网技术快速发展,互联网包含了丰富的信息资源,越来越多的用户开始通过浏览网页来获取信息。由于网页包含的信息量大,在用户浏览网页时,经常会发现有很多页面的页面信息多、页面长度长,因此若用户浏览到页面下方时需要长时间滚动鼠标轮或长时间按住滚动条才能返回到页面顶部,导致用户的体验感较差。
发明内容
本发明的实施例提供一种页面显示方法及显示装置,方便用户快速从页面底端返回至顶端。
为达到上述目的,本发明的实施例采用如下技术方案:
一方面,本发明提供一种页面显示方法,其特征在于,包括:
接收用户在当前页面规定区域输入的跳转指令;
根据所述跳转指令,从所述当前显示页面的顶端重新显示所述当前显示页面,使得所述页面跳转至顶端。
另一方面,本发明提供一种页面显示装置,其特征在于,包括:
显示单元,用于显示页面;
接收单元,用于接收用户在当前页面规定区域输入的跳转指令;
处理单元,用于根据所述跳转指令,从所述当前显示页面的顶端重新显示所述当前显示页面,使得所述页面跳转至顶端。
本发明提供的页面显示控制方法及装置,在接收用户在当前页面规定区域输入的跳转指令之后,根据所述跳转指令,从当前显示页面的顶端重新显示该当前显示页面,使得该页面跳转至顶端。通过该方案,就避免了用户在浏览到页面下方时需要长时间滚动鼠标轮或长时间按住滚动条才能返回到页面顶部的情况,提升了用户体验感。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为较长页面的顶端示意图;
图2为较长页面的底端示意图;
图3为本发明实施例提供的页面显示方法流程示意图;
图4为本发明实施例提供的页面显示装置的结构示意图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
下面根据图1至图3对本发明实施例提供的页面显示方法进行说明。其中,图1为较长页面的顶端示意图;图2为较长页面的底端示意图;图3为本发明实施例提供的页面显示方法流程示意图。
用户打开一个新的页面,由于该页面包含的信息量过大,因此该页面会很长,会如图1所示,由于页面较长,因此用户需按住下拉位于页面一侧的滚动条1,或滚动鼠标轮向下浏览页面。然而,当用户浏览到页面底端时,如图2所示,滚动条1位于最底端,在当前页面的右下方显示有“返回顶端”按钮。若用户想返回当前显示页面的顶端进行操作,则可以通过单击位于当前页面右下角的“返回顶端”按钮以返回页面顶部。
此时,本实施例提供的页面显示方法,如图3所示,包括:
S301、显示装置接收用户在当前页面规定区域输入的跳转指令。
当用户想要返回当前页面的顶部,则可以在该页面的规定区域输入跳转指令,例如,单击或双击鼠标左键。那么显示装置便能够接受到用户输入的跳转指令,例如,接收用户在当前页面规定区域单击或双击鼠标左键以输入的跳转指令。
需要说明的是,该“返回顶端”按钮位于页面右下角只是举例说明,其可以位于当前页面的任意规定区域。而且不仅可以是按钮,可单击触发的链接也可以。
S302、根据跳转指令,从当前显示页面的顶端重新显示当前显示页面,使得该页面跳转至顶端。
即本实施例中,用户点击“返回顶端”按钮后,页面从图2所示内容直接跳转为图1所示内容,由此,该页面从页面的底部跳转至页面顶端。
示例性的,为实现本发明所提供的页面显示方法,显示装置的显示程序可采用如下步骤进行编辑:
创建div元素;div元素是用来为文本标记语言HTML文档内大块(block-level)的内容提供结构和背景的元素。
用Jquery为新创建的div元素加ID属性,并加入到body中;其中,Jquery是一个快速、简洁的基于对象和事件驱动并具有相对安全性的客户端脚本语言的框架,用于处理事件,制作动画,和处理网页开发的交互过程,body是用在网页中的一种HTML标签,表示网页的主体部分,也就是用户可以看到的内容,可以包含文本、图片、音频、视频等各种内容。
监听滚动条事件(在接收用户在当前页面规定区域输入的跳转指令后,根据所述跳转指令,从当前显示页面的顶端重新显示所述当前显示页面,使得页面跳转至顶端)。
相应的代码可以具体为:
本实施例的另一种实现方式,可以通过在页面的按钮上添加html代码来实现,相应的代码可以具体为:
<a href=″#top″onclick=″window.scrollTo(0,0);return false;″title=″返回顶部″>返回顶部</a>;
上述代码只是举例说明,本实施例并不限于此,可以实现本方法的任意计算机语言代码均可。
本发明提供的页面显示控制方法,在接收用户在当前页面规定区域输入的跳转指令之后,根据所述跳转指令,从当前显示页面的顶端重新显示该当前显示页面,使得该页面跳转至顶端。通过该方案,就避免了用户在浏览到页面下方时需要长时间滚动鼠标轮或长时间按住滚动条才能返回到页面顶部的情况,提升了用户体验感。
本发明提供的页面显示装置40,如图4所示,包括:
显示单元401,用于显示页面。
接收单元402,用于接收用户在当前页面规定区域输入的跳转指令。
处理单元403,用于根据所述跳转指令,从所述当前显示页面的顶端重新显示所述当前显示页面,使得所述页面跳转至顶端。
进一步地,显示单元401还用于显示页面规定区域的链接或按钮。
进一步地,接收单元402还用于接收用户在当前页面规定区域单击输入的所述跳转指令;或者,接收用户在当前页面规定区域双击输入的跳转指令。
进一步地,显示单元401还用于从所述当前显示页面的顶端重新显示所述当前显示页面时,隐藏链接或按钮。
本发明实施例提供的页面显示装置,在接收用户在当前页面规定区域输入的跳转指令之后,根据所述跳转指令,从当前显示页面的顶端重新显示该当前显示页面,使得该页面跳转至顶端。通过该方案,就避免了用户在浏览到页面下方时需要长时间滚动鼠标轮或长时间按住滚动条才能返回到页面顶部的情况,提升了用户体验感。
以上所述,仅为本发明的具体实施方式,但本发明的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本发明揭露的技术范围内,可轻易想到变化或替换,都应涵盖在本发明的保护范围之内。因此,本发明的保护范围应以所述权利要求的保护范围为准。
Claims (10)
1.一种页面显示方法,其特征在于,包括:
接收用户在当前页面规定区域输入的跳转指令;
根据所述跳转指令,从所述当前显示页面的顶端重新显示所述当前显示页面,使得所述页面跳转至顶端。
2.根据权利要求1所述的页面显示方法,其特征在于,所述当前页面规定区域设有链接或按钮。
3.根据权利要求1所述的页面显示方法,其特征在于,接收所述用户在所述当前页面规定区域单击输入的所述跳转指令;或者,
接收所述用户在所述当前页面规定区域双击输入的所述跳转指令。
4.根据权利要求2所述的页面显示方法,其特征在于,所述方法还包括:
从所述当前显示页面的顶端重新显示所述当前显示页面时,所述链接或按钮隐藏。
5.根据权利要求1至4任一所述的页面显示方法,其特征在于,所述当前页面规定区域为当前页面的底端。
6.一种页面显示装置,其特征在于,包括:
显示单元,用于显示页面;
接收单元,用于接收用户在当前页面规定区域输入的跳转指令;
处理单元,用于根据所述跳转指令,从所述当前显示页面的顶端重新显示所述当前显示页面,使得所述页面跳转至顶端。
7.根据权利要求6所述的页面显示装置,其特征在于,所述显示单元还用于显示页面规定区域的链接或按钮。
8.根据权利要求6所述的页面显示装置,其特征在于,所述接收单元用于接收所述用户在所述当前页面规定区域单击输入的所述跳转指令;或者,
接收所述用户在所述当前页面规定区域双击输入的所述跳转指令。
9.根据权利要求7所述的页面显示装置,其特征在于,所述显示单元还用于从所述当前显示页面的顶端重新显示所述当前显示页面时,隐藏所述链接或按钮。
10.根据权利要求6至9任一所述的页面显示装置,其特征在于,所述当前页面规定区域为当前页面的底端。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN2011104274825A CN103164488A (zh) | 2011-12-19 | 2011-12-19 | 一种页面显示方法及显示装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN2011104274825A CN103164488A (zh) | 2011-12-19 | 2011-12-19 | 一种页面显示方法及显示装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN103164488A true CN103164488A (zh) | 2013-06-19 |
Family
ID=48587582
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN2011104274825A Pending CN103164488A (zh) | 2011-12-19 | 2011-12-19 | 一种页面显示方法及显示装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN103164488A (zh) |
Cited By (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104424273A (zh) * | 2013-08-29 | 2015-03-18 | 联芯科技有限公司 | 一种浏览器快速跳转网页的工具及其使用方法 |
CN104572768A (zh) * | 2013-10-28 | 2015-04-29 | 湖北金像无人航空科技服务有限公司 | 一种在网络论坛内使用的十字形快速导航办法 |
CN106325712A (zh) * | 2015-07-06 | 2017-01-11 | 小米科技有限责任公司 | 终端显示控制方法、装置及终端 |
CN107256255A (zh) * | 2017-06-09 | 2017-10-17 | 携程旅游网络技术(上海)有限公司 | 页面浏览方法及系统 |
CN107423400A (zh) * | 2017-07-27 | 2017-12-01 | 北京小米移动软件有限公司 | 文件夹管理方法和装置 |
CN109597953A (zh) * | 2018-10-17 | 2019-04-09 | 深圳壹账通智能科技有限公司 | 页面展示方法、装置及存储介质、终端设备 |
CN110209329A (zh) * | 2019-05-23 | 2019-09-06 | 厦门美柚信息科技有限公司 | 显示页面内容的方法、装置、设备及存储介质 |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101930475A (zh) * | 2010-09-14 | 2010-12-29 | 中兴通讯股份有限公司 | 网页显示方法及浏览器 |
CN102207815A (zh) * | 2010-07-15 | 2011-10-05 | 优视科技有限公司 | 一种用于移动通讯设备终端的网页浏览方法及装置 |
-
2011
- 2011-12-19 CN CN2011104274825A patent/CN103164488A/zh active Pending
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102207815A (zh) * | 2010-07-15 | 2011-10-05 | 优视科技有限公司 | 一种用于移动通讯设备终端的网页浏览方法及装置 |
CN101930475A (zh) * | 2010-09-14 | 2010-12-29 | 中兴通讯股份有限公司 | 网页显示方法及浏览器 |
Non-Patent Citations (1)
Title |
---|
雨飞: "iPhone Safari浏览器使用小技巧", 《中文信息:数字通讯》 * |
Cited By (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104424273A (zh) * | 2013-08-29 | 2015-03-18 | 联芯科技有限公司 | 一种浏览器快速跳转网页的工具及其使用方法 |
CN104572768A (zh) * | 2013-10-28 | 2015-04-29 | 湖北金像无人航空科技服务有限公司 | 一种在网络论坛内使用的十字形快速导航办法 |
CN106325712A (zh) * | 2015-07-06 | 2017-01-11 | 小米科技有限责任公司 | 终端显示控制方法、装置及终端 |
CN107256255A (zh) * | 2017-06-09 | 2017-10-17 | 携程旅游网络技术(上海)有限公司 | 页面浏览方法及系统 |
CN107256255B (zh) * | 2017-06-09 | 2021-01-29 | 携程旅游网络技术(上海)有限公司 | 页面浏览方法及系统 |
CN107423400A (zh) * | 2017-07-27 | 2017-12-01 | 北京小米移动软件有限公司 | 文件夹管理方法和装置 |
CN107423400B (zh) * | 2017-07-27 | 2020-08-04 | 北京小米移动软件有限公司 | 文件夹管理方法和装置 |
CN109597953A (zh) * | 2018-10-17 | 2019-04-09 | 深圳壹账通智能科技有限公司 | 页面展示方法、装置及存储介质、终端设备 |
CN110209329A (zh) * | 2019-05-23 | 2019-09-06 | 厦门美柚信息科技有限公司 | 显示页面内容的方法、装置、设备及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10956531B2 (en) | Dynamic generation of mobile web experience | |
CN103164488A (zh) | 一种页面显示方法及显示装置 | |
US8880995B2 (en) | Method and system for localized scrolling table display in a webpage | |
US8086960B1 (en) | Inline review tracking in documents | |
US10387535B2 (en) | System and method for selectively displaying web page elements | |
US8806325B2 (en) | Mode identification for selective document content presentation | |
US9612715B2 (en) | Real-time preview of uniform resource identifier addressable dynamic content | |
US20210149842A1 (en) | System and method for display of document comparisons on a remote device | |
US20120304068A1 (en) | Presentation format for an application tile | |
US20150363368A1 (en) | Transforming HTML Forms into Mobile Native Forms | |
EP2750049A1 (en) | Method and device for displaying picture on browser of user terminal as required | |
CN102799372B (zh) | 一种图片信息的上传方法及上传装置 | |
WO2014124417A1 (en) | Comprehensive measurement of the opportunity to see online advertisements | |
US20130007586A1 (en) | Method and system for creating and using web feed display templates | |
JP2013517556A (ja) | 高められたブラウジング速度のためのプレビュー機能性 | |
US9396165B2 (en) | Information display system, information display apparatus, information display method, information display program, information providing apparatus, and recording medium | |
US20130080871A1 (en) | Method for retrieving a representation of an annotated web document, associated computer program and electronic device | |
TW201624253A (zh) | 在一圖形使用者介面上顯示關於一子層級新分頁之父層級分頁的網頁資訊的方法、電腦程式產品與電腦系統 | |
Roudaki et al. | A classification of web browsing on mobile devices | |
US10725645B2 (en) | Information processing device for controlling display of web pages using main display area and sub display area | |
JP4389707B2 (ja) | 電子機器装置、サーバ装置、Webページ処理方法及びそのプログラム | |
US20130262445A1 (en) | Browsing real-time search results reliably on a mobile computing device | |
JP5668180B1 (ja) | 情報処理装置 | |
JP2012008970A (ja) | 要約情報表示装置、要約情報表示方法、要約情報表示プログラム、要約情報提供装置、要約情報提供プログラム、および、記録媒体 | |
JP2010015292A (ja) | 強調表示追加方法、表示制御プログラム、及びサーバ |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
C12 | Rejection of a patent application after its publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20130619 |