什么是 history？
history 是一个 JavaScript 库，用于在 Web 应用程序中管理会话历史记录。它提供了一组 API，使得开发者可以轻松地操纵浏览器的历史堆栈。
安装
使用 npm 命令安装 history：
--- ------- ------ -------
使用方法
创建 BrowserHistory 对象
要使用 history 库，需要首先创建一个 BrowserHistory 对象。以下是一个简单的示例：
------ - -------------------- - ---- ---------- ----- ------- - -----------------------
路由跳转
在 history 中，路由跳转可以通过以下两种方式实现：
push
使用 push 方法可以将新页面添加到历史堆栈中。以下是一个示例：
--------------------------
replace
使用 replace 方法可以将当前页面替换为新页面，并在历史堆栈中更新相应的条目。以下是一个示例：
-----------------------------
监听历史记录更改事件
history 还提供了一个 listen 方法，用于监听历史记录更改事件。以下是一个示例：
----- -------- - ------------------------- ------- -- - ---------------- ------- --- -- --------------------------------------------------------- ---------------- ---- ---------- ------ --- ------------ --- -- ---- -----------
获取当前位置
要获取当前位置信息，可以使用 location 对象。以下是一些常用属性：
pathname: URL 的路径部分（不包括查询参数和哈希值）。search: URL 的查询参数部分（以 ? 开头）。hash: URL 的哈希值部分（以 # 开头）。
以下是一个示例：
----- - --------- ------- ---- - - ----------------- ---------------- ------- --- -- ------------------------------
总结
history 是一个非常有用的 JavaScript 库，用于在 Web 应用程序中管理会话历史记录。本文介绍了如何安装、创建 BrowserHistory 对象、路由跳转、监听历史记录更改事件以及获取当前位置信息。希望本文对你有所帮助！
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/33645