JavaScript中的history对象是如何实现网页历史记录管理的？

本文共计1538个文字，预计阅读时间需要7分钟。

目录

1.路径导航

2.历史状态管理API

(1) hashchange事件 (2) popstate事件 (3) history.pushState()方法 (4) history.replaceState()方法

3.补充

- URL的hash前缀：#

目录

• 1、路由导航
• 2、历史状态管理API
• （1）hashchange 事件
• （2）popstate 事件
• （3）history.pushState() 方法
• （4）history.replaceState()方法
• 3、补充：URL的hash

前言：

　　我们浏览一个网页时可能不太会注意网页前进后退这些操作，但是在开发时你是否想过页面之间的跳转经历了什么，浏览器时怎么保存的页面信息，重新返回上一个页面的时候是否需要重新加载页面呢，会有很对疑问，要想解决这些问题，首先需要知道浏览器中的window下的history对象，本文来详细总结一下该对象的相关知识点。

　　history 对象表示当前窗口首次使用以来用户的导航历史记录。