History对象常用方法
2024-01-01 22:32:12
一、什么是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 对象进行操作。
?最后?
🍒欢迎点赞 👍 收藏 ?留言评论 📝私信必回哟😁
🍒博主将持续更新学习记录收获,友友们有任何问题可以在评论区留言
文章来源:https://blog.csdn.net/qq_74095822/article/details/135329540
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!