history对象的常用方法

最新推荐文章于 2024-09-24 08:45:00 发布

原创

最新推荐文章于 2024-09-24 08:45:00 发布 · 769 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #开发语言 #ecmascript

本文详细介绍了JavaScript中的History对象，包括其属性如length、scrollRestoration和state，以及常用的方法如back(),forward(),go()，以及pushState()和replaceState()的使用示例。

History对象简介

JavaScript history 对象中包含了用户在浏览器中访问过的历史记录，其中包括通过浏览器浏览过的页面，以及当前页面中通过加载的页面。我们可以通过 window 对象中的 history 属性来获取 history 对象，由于 window 对象是一个全局对象，因此在使用window.history时可以省略 window 前缀，例如window.history.go()可以简写为history.go()
:

history 对象中的属性

属性	说明
length	返回浏览历史的数目，包含当前已经加载的页面
scrollRestoration	利用浏览器特性，使我们在返回上一页或者下一页时，将页面滚动到之前浏览的位置，该属性有两个值，分别是 auto（表示滚动）与 manual（表示不滚动）
state	返回浏览器在当前 URL 下的状态信息，如果没有调用过 pushState() 或 replaceState() 方法，则返回默认值 null

代码:


 <script type="text/javascript">
    console.log(history.length);
    console.log(history.scrollRestoration)
    console.log(history.state);
  </script>