JavaScript中history对象常用方法【通俗易懂】

原创

已于 2024-01-09 15:03:58 修改 · 2.3k 阅读

CC 4.0 BY-SA版权

文章标签：

于 2024-01-02 00:05:03 首次发布

本文介绍了JavaScript中的History对象，包括其基本概念、常用属性如length、state、title和url，以及关键方法如back、forward、replaceState的用法。通过实例展示了如何操作浏览器历史记录和页面状态。

✨前言✨
本篇文章主要在于了解及使用JavaScript中history对象常用方法

🍒欢迎点赞 👍 收藏 ⭐留言评论 📝私信必回哟😁
🍒博主将持续更新学习记录收获，友友们有任何问题可以在评论区留言

🍎一，什么是History对象

在 JavaScript 中， history 是一个内置对象，它提供了与浏览器历史记录相关的方法和属性。它允许您在浏览器的历史记录中导航，以及在用户访问不同页面时进行页面的动态修改和管理。

history 对象来保存浏览器历史记录信息，也就是用户访问的页面。浏览器的前进与后退功能本质上就是 history 的操作。history 对象记录了用户浏览过的页面，通过该对象提供的 API 可以实现与浏览器前进/后退类似的导航功能。

属性和方法	描述
length：	返回浏览历史记录的当前长度。
state：	返回当前页面的状态信息。
title：	返回当前页面的标题。
url：	返回当前页面的 URL。
back()：	返回到浏览历史记录中的上一个页面。
forward()：	跳转到浏览历史记录中的下一个页面。
replaceState()：	替换浏览历史记录中的当前页面。它需要三个参数：state，