一篇文章带你看懂JavaScriptWindowHistory

时间：2023-03-14 11:48:57 科技观察

一、前言window.history对象可以不加window窗口前缀来写。为了保护用户隐私，受限的JavaScript可以访问此对象。history.back()-与单击浏览器中的后退按钮相同。history.forward()-与单击浏览器中的前进按钮相同。2.History对象window.history对象包含浏览器会话历史，当前框架或窗口访问过的所有页面的列表，window.history可以编写不带window前缀的对象。但是，为了保护用户隐私，JavaScript如何访问此对象有一些限制。window.history对象包含浏览器历史记录。3.获取访问页面数history.length属性返回浏览器会话历史中当前窗口的页面数，包括当前加载的页面。例子varresult=history.length;//返回当前会话历史的大小完整代码：Project

History记录列表中的URL数量：

注意：本例在新框架中打开，将被视为新的"Session":

您可以使用此属性找出当前浏览器会话期间访问了多少页面。1.返回上一页。history.back()方法加载历史列表中的前一个URL。这与单击浏览器中的“后退按钮”相同。项目

注意:在这里点击后退按钮不会有任何反应，因为历史列表中没有以前的URL

上面的代码会显示如下输出。2.转发到下一页history.forward()方法将加载历史列表中的下一个URL。这与单击浏览器中的“前进按钮”相同。项目

前进

注意：点击这里的“Forward”按钮不会做任何事情，因为历史列表中没有下一个URL：

上面的代码会显示如下输出（本例如果历史列表中不存在下一页，则将不起作用）：3.转到特定页面可以使用history.go()方法从会话历史记录中加载特定页面。该方法以一个整数作为参数，负整数在历史中向后移动，正整数在历史中向后移动。示例Item

返回第2页

注意：点击此处的“返回第2页”按钮将不会执行任何操作，因为历史列表中没有以前的URL。

以上代码会显示如下输出：4.总结本文基于JavaScript基础，介绍如何通过window访问JavaScript浏览器对象。上一页、下一页、访问特定页面都有详细的说明。通过使用丰富的示例来帮助大家更好地理解。希望大家根据文章内容积极尝试。有时候看别人实现很简单，但是到了自己实现的时候，总会出现各种各样的问题。不要过于雄心勃勃，努力理解。更深刻。

上一篇：什么是HTTPS的证书信任链？不能自己发吗？

下一篇：DDD领域驱动设计：如何应对业务需求的变化

一篇文章带你看懂JavaScriptWindowHistory相关文章