温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

JavaScript中History对象的方法有哪些

发布时间:2020-12-05 13:45:22 来源:亿速云 阅读:440 作者:小新 栏目:web开发

小编给大家分享一下JavaScript中History对象的方法有哪些,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

JavaScript的历史对象是 window 对象的一部分,表示用户访问过的URL的数组集合;它是用来保存着用户上网的历史历史,从窗口被打开的那一刻算起。

History对象的属性

History对象只有一个属性,那就是:length,用来返回历史记录表中URL的数量。例:

history.length // 如果在当前窗口先后访问了三个网站,有了三个URL,就会返回3

History对象的方法

History对象有三个方法,分别为:

forward():加载历史记录列表中的前一个 URL。

back():加载 历史记录 列表中的下一个 URL。

go():加载 历史记录列表中的某个具体页面,可以接受一个整数作为参数,例:

history.go(1)
/*相当于*/
history.forward()

history.go(-1)
/*相当于*/
history.back()

history.history.go(0)  /*相当于刷新当前页面*/

History对象方法的示例:

History对象方法可以用在“返回上一页”链接中

1.html

<div id="demo">
	<a href="file:///D:/ksdler/Sublime%20Text/demo/2.html">2.html</a><br>
	<a href="#" id="backLink">返回上一页</a><br>

</div>
<script>  
document.getElementById('backLink').onclick = function () {
  window.history.back();
}
</script>

2.html

<div id="demo">
    <a href="file:///D:/ksdler/Sublime%20Text/demo/1.html">1.html</a><br>
    <a href="#" id="backLink">返回上一页</a><br>
</div>
<script>  
document.getElementById('backLink').onclick = function () {
  window.history.back();
}
</script>

效果图:

JavaScript中History对象的方法有哪些

以上是“JavaScript中History对象的方法有哪些”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI