文章目录
- 一、什么是History对象
- 二、使用History对象
一、什么是History对象
history 对象来保存浏览器历史记录信息，也就是用户访问的页面。浏览器的前进与后退功能本质上就是 history 的操作。history 对象记录了用户浏览过的页面，通过该对象提供的 API 可以实现与浏览器前进/后退类似的导航功能。
window.history 对象记录了浏览器的访问历史。为了保护用户隐私，对JavaScript访问该对象的方法做出了限制。
1、history常用的对象属性
| 属性 | 说明 |
|---|---|
| history.length | 返回历史列表中的网址数 |
2、history对象常用方法
| 方法 | 说明 |
|---|---|
| back() | 加载history列表中的前一个URL |
| forward() | 加载history列表中的下一个URL |
| go() | 加载history列表中的某个具体页面 |
二、使用History对象
代码演示：
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>history对象</title><script type="text/javascript">function fun1(){window.history.forward()}function fun2(){window.history.back()}function fun3(){window.history.go(2)}</script></head><body><input type="button" value="向前" onclick="fun1()" /><input type="button" value="向后" onclick="fun2()" /><input type="button" value="go" onclick="fun3()" /><a href="new_file.html" target="_blank">我来了</a></body>
</html>
总结：
- window.history 属性指向 History 对象，它表示当前窗口的浏览历史。当发生-改变时，只会改变页面的路径，不会刷新页面。
- History 对象保存了当前窗口访问过的所有页面网址。通过 history.length 可以得出当前窗口一共访问过几个网址。
- 由于安全原因，浏览器不允许脚本读取这些地址，但是允许在地址之间导航。
- 浏览器工具栏的“前进”和“后退”按钮，其实就是对 History 对象进行操作。
⭐最后⭐
🍒欢迎点赞 👍 收藏 ⭐留言评论 📝私信必回哟😁
🍒博主将持续更新学习记录收获，友友们有任何问题可以在评论区留言
ui搭建和槽函数的完成)
