小编给大家分享一下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对象的方法有哪些”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注天达云行业资讯频道!