HTML5新增的history方法介绍

最新推荐文章于 2023-02-07 13:49:07 发布

邪小新

最新推荐文章于 2023-02-07 13:49:07 发布

阅读量1.6k

点赞数

文章标签： html5 history方法

本文链接：https://blog.csdn.net/qq_42074075/article/details/88863331

版权

DOM 通过WINDOW操作history来对浏览器历史的访问。它暴露了很多有用的方法和属性，允许你在用户浏览历史中向前和向后跳转。
一、使用go(),back(),forward()来操作向前向后跳转

history.back()  去上一条历史
history.forward() 去下一条历史
history.go() 相对当前  跳多少条记录   正 前走  负 后退

二、html5新增的方法（一般用于单页面应用程序）
history.pushState();history.replaceState();window.onpopstate = function(){}

history.pushState();//添加一条
history.replaceState();//替换一条
window.onpopstate = function(){}

pushState(data, title, url) 追加一条历史记录
- data用于存储自定义数据，通常设为null
  - title网页标题，基本上没有被支持，一般设为空
  - url 以当前域为基础增加一条历史记录，不可跨域设置
replaceState(data, title, url) 与pushState()基本相同，
不同之处在于replaceState()，只是替换当前url，不会增加/减少历史记录。
onpopstate事件，当前进或后退时则触发

关注