没有合适的资源?快使用搜索试试~ 我知道了~
前面的话 history对象保存着用户上网的历史记录,从窗口被打开的那一刻算起。由于安全方面的考虑,开发人员无法得到用户浏览器的URL,但借由用户访问过的页面列表,可以在不知道实际URL的情况下实现后退和前进。本文将详细介绍BOM中的history对象 length history.length属性保存着历史记录的URL数量。初始时,该值为1。如果当前窗口先后访问了三个网址,history.length属性等于3 由于IE10+浏览器在初始时返回2,存在兼容性问题,所以该值并不常用 history.length // 初始时,该值为1 history.length // 访问
资源详情
资源评论
资源推荐
你真的了解你真的了解BOM中的中的history对象吗对象吗
前面的话前面的话
history对象保存着用户上网的历史记录,从窗口被打开的那一刻算起。由于安全方面的考虑,开发人员无法得到用户浏览
器的URL,但借由用户访问过的页面列表,可以在不知道实际URL的情况下实现后退和前进。本文将详细介绍BOM中的
history对象
length
history.length属性保存着历史记录的URL数量。初始时,该值为1。如果当前窗口先后访问了三个网址,history.length属
性等于3
由于IE10+浏览器在初始时返回2,存在兼容性问题,所以该值并不常用
history.length // 初始时,该值为1
history.length // 访问三个网址后,该值为3
跳转方法跳转方法
history对象提供了一系列方法,允许在浏览历史之间移动,包括go()、back()和forward()
go()
使用go()方法可以在用户的历史记录中任意跳转。这个方法接收一个参数,表示向后或向前跳转的页面数的一个整数值。
负数表示向后跳转(类似于后退按钮),正数表示向前跳转(类似于前进按钮)
//后退一页
history.go(-1)
//前进一页
history.go(1);
//前进两页
history.go(2);
go()方法无参数时,相当于history.go(0),可以刷新当前页面
//刷新当前页面
history.go();
//刷新当前页面
history.go(0);
back()
back()方法用于模仿浏览器的后退按钮,相当于history.go(-1)
forward()
forward()方法用于模仿浏览器的前进按钮,相当于history.go(1)
//后退一页
history.back()
//前进一页
history.forward()
如果移动的位置超出了访问历史的边界,以上三个方法并不报错,而是静默失败
[注意]使用历史记录时,页面通常从浏览器缓存之中加载,而不是重新要求服务器发送新的网页
增改记录增改记录
HTML5为history对象添加了两个新方法,history.pushState()和history.replaceState(),用来在浏览历史中添加和修改记
录。state属性用来保存记录对象,而popstate事件用来监听history对象的变化
[注意]IE9-浏览器不支持
pushState()
history.pushState()方法向浏览器历史添加了一个状态。pushState()方法带有三个参数:一个状态对象、一个标题(现在被
忽略了)以及一个可选的URL地址
weixin_38718415
- 粉丝: 10
- 资源: 952
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论0