JavaScriptWindowHistory是什么及怎么用

本篇内容介绍了“JavaScript Window History是什么及怎么用”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！

十年的长清网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。营销型网站的优势是能够根据用户设备显示端的尺寸不同，自动调整长清建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。创新互联公司从事“长清网站设计”,“长清网站推广”以来，每个客户项目都认真落实执行。

一、前言

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数:
  
  
 注意:      本示例在新框架中打开，并将被视为新的"会话":
     

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

1. 返回上一页

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

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

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

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

2. 前进到下一页

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

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

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

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

3. 转到特定页面

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

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

例

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

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

“JavaScript Window History是什么及怎么用”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站，小编将为大家输出更多高质量的实用文章！