最新下载
热门教程
- 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代码
相关文章
- 鸣潮珂莱塔共鸣链怎么抽 珂莱塔共鸣链抽取推荐 09-18
- 三国志异闻录高速冰冻控制流怎么玩 高速冰冻控制流玩法教学 09-18
- 鸣潮卡提希娅值得抽吗 卡提希娅抽取建议 09-18
- 忘川风华录王安石怎么培养 王安石养成攻略 09-18
- 忘川风华录唐伯虎怎么培养 唐伯虎养成攻略 09-18
- 无限暖暖音乐季她的回旋我的向往任务怎么过 她的回旋我的向往任务攻略 09-18