本篇文章给大家介绍JavaScript的历史对象,让大家对History对象有一个简单了解,知道History对象的属性和方法,希望对你们有所帮助。
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的历史对象是什么的详细内容,更多请关注php中文网其它相关文章!
网站建设是一个广义的术语,涵盖了许多不同的技能和学科中所使用的生产和维护的网站。
……