小编给大家分享一下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对象的方法有哪些”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。