js ， javascript， Window History 对象（2024-05-05）

原创于 2024-05-05 11:35:48 发布 · 380 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #开发语言 #ecmascript

本文详细介绍了HTML5中的WindowHistory对象，包括其属性如length、back()、forward()和go()方法，以及历史列表的使用。着重提到由于隐私原因，实际URL访问受限，但仍可操作浏览器历史记录。

1、Window History 对象

History 对象包含用户（在浏览器窗口中）访问过的 URL。

History 对象是 window 对象的属性。

History 对象通过以下方式访问：

window.history 或仅用 history：

let length = window.history.length; //等同于history.length;
console.log(length) // 18个历史浏览

2、History 对象属性和方法

属性/方法	    描述
back()          加载历史列表中的上一个 URL（页面）。
forward()	    加载历史列表中的下一个 URL（页面）。
go()	        从历史列表中加载特定的 URL（页面）。
length	        返回历史列表中的 URL（页面）数量。