history对象的常用方法

最新推荐文章于 2025-05-24 10:48:31 发布

sweet0610

最新推荐文章于 2025-05-24 10:48:31 发布

阅读量683

点赞数 19

CC 4.0 BY-SA版权

分类专栏： js 文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/sweetser/article/details/135335072

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>