JavaScriptWindowHistory的概念是什么

这篇文章主要讲解了“JavaScript Window History的概念是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“JavaScript Window History的概念是什么”吧!

创新互联建站是专业的永吉网站建设公司,永吉接单;提供成都做网站、成都网站设计,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行永吉网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

一、前言

window.history 对象可以不用窗口window前缀编写。为了保护用户的隐私,有限制的JavaScript可以访问此对象。

history.back() - 与点击浏览器中的back按钮相同。

history.forward() - 与点击浏览器中的forward按钮相同。

二、history对象

window.history对象包含浏览器会话历史记录,在当前框架或窗口中访问的所有页面的列表,window.history可以编写没有窗口前缀的对象。

但是,为了保护用户的隐私,JavaScript如何访问此对象存在一些限制。window.history 对象包含浏览器历史记录。

三、获取访问的页面数

该history.length属性返回浏览器会话历史记录中当前窗口的页面数,还包括当前加载的页面。

var result = history.length; // 返回当前会话历史记录的大小

完整代码:

  项目    

历史记录列表中的URL数:

  

  

 注意:      本示例在新框架中打开,并将被视为新的"会话":

     

可以使用此属性来找出用户在当前浏览器会话期间访问了多少页面。

JavaScript Window History的概念是什么

1. 返回上一页

该history.back()方法将历史记录列表中的上一个URL加载。

这与在浏览器中单击“后退按钮”相同。

  项目    Go Back  

Note: 单击此处的“后退”按钮将不会执行任何操作,因为历史记录列表中没有先前的URL

   

上面的代码将显示以下输出。

JavaScript Window History的概念是什么

2. 前进到下一页

该history.forward()方法将在历史记录列表中加载下一个URL。

这与在浏览器中单击“转发按钮”相同。

  项目    前进  

 注意:单击此处的"前进"按钮将不会执行任何操作,因为历史记录列表中没有下一个URL:

   

上面的代码将显示以下输出(如果历史记录列表中不存在下一页,则此示例将不起作用):

JavaScript Window History的概念是什么

3. 转到特定页面

可以使用history.go()方法从会话历史记录中加载特定页面。

此方法将整数作为参数,负整数在历史记录中向后移动,正整数在历史记录中向后移动。

  项目    回退第2页  

 注意:单击此处的"回退第2页"按钮将不会执行任何操作,因为历史记录列表中没有先前的URL。

   

上面的代码将显示以下输出:

JavaScript Window History的概念是什么

感谢各位的阅读,以上就是“JavaScript Window History的概念是什么”的内容了,经过本文的学习后,相信大家对JavaScript Window History的概念是什么这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是创新互联,小编将为大家推送更多相关知识点的文章,欢迎关注!


网站标题:JavaScriptWindowHistory的概念是什么
链接URL:http://myzitong.com/article/jppdid.html