最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
js操作浏览器历史记录的方法
时间:2022-11-14 22:02:18 编辑:袖梨 来源:一聚教程网
html5提供了操作浏览器历史记录的api,pushState方法和replaceState()方法,前者可以添加历史记录,后者可以修改历史记录。
pushState(state,title,url)方法有三个参数;
第一个参数state是一个对象,可以是任何Json字符串。因为firefox会使用用户的硬盘来存取state对象,这个对象的最大存储空间为640k。如果大于这个数 值,则pushState()方法会抛出一个异常。如果确实需要更多的空间来存储,请使用本地存储。
第二个参数title可以忽略,直接传空就行。
第三个参数url是要添加到历史记录的url。
注意的是,执行过这个方法,浏览器的url会变化,同时历史记录会添加,但是页面并不会立即跳转,页面只有在浏览器执行后退或前进操作的时候才会执行刚才添加进去的页面。
另外,有一个事件可以监听浏览器的前进后退,window.onpopstate();
我们可以监听这个事件来达到跳转页面功能。
下面是一个window.open打开的页面可以回退到想要的页面的示例:
1.html
这是1.html页面,点击这里可以跳到2.html页面
2.html
这是2.html页面,通过1.html页面window.open方法打开,默认是不能回退的,现在我们要让它可以回退到1.html页面,请查看下面的js代码
相关文章
- 《塞尔达传说王国之泪》海利亚盾刷新耐久方法 海利亚盾怎么刷新耐久? 05-03
- 崩坏星穹铁道托帕突破材料一览 05-03
- TokenPocket钱包苹果版 05-03
- kdpay钱包app官网下载安卓版 05-03
- MGC钱包下载2024最新版 05-03
- 黑币钱包中文版 05-03