首页 / JAVA / javascript History 对象总结

javascript History 对象总结

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript History 对象总结，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1163字，纯文字阅读大概需要2分钟。

内容图文

History 对象总结


history对象记录了用户曾经浏览过的页面(URL)，并可以实现浏览器前进与后退相似导航的功能。

注意:从窗口被打开的那一刻开始记录，每个浏览器窗口、每个标签页乃至每个框架，都有自己的history对象与特定的window对象关联。

语法： 

        window.history.[属性|方法]

注意：window可以省略。

History 对象属性

技术分享650) this.width=650;" height="37" src="/upload/getfiles/default/2022/11/5/20221105090722191.jpg" />

History 对象方法

技术分享650) this.width=650;" height="65" src="/upload/getfiles/default/2022/11/5/20221105090722322.jpg" />

使用length属性，当前窗口的浏览历史总长度，代码如下： 

        <script type="text/javascript">
  var HL = window.history.length;
  document.write(HL);
</script>


返回前一个浏览的页面
back()方法，加载 history 列表中的前一个 URL。
语法：
window.history.back();
比如，返回前一个浏览的页面，代码如下：
window.history.back();
注意：等同于点击浏览器的倒退按钮。
back()相当于go(-1),代码如下:
window.history.go(-1);


返回下一个浏览的页面
forward()方法，加载 history 列表中的下一个 URL。
如果倒退之后，再想回到倒退之前浏览的页面，则可以使用forward()方法,代码如下:
window.history.forward();
注意：等价点击前进按钮。
forward()相当于go(1),代码如下:
window.history.go(1);


返回浏览历史中的其他页面
go()方法，根据当前所处的页面，加载 history 列表中的某个具体的页面。
语法：
window.history.go(number);
参数：

浏览器中，返回当前页面之前浏览过的第二个历史页面，代码如下：
window.history.go(-2);
注意：和在浏览器中单击两次后退按钮操作一样。
同理，返回当前页面之后浏览过的第三个历史页面，代码如下：
window.history.go(3);


原文：http://827403645.blog.51cto.com/11177953/1963964

内容总结

以上是互联网集市为您收集整理的javascript History 对象总结全部内容，希望文章能够帮你解决javascript History 对象总结所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1203223.html

来源：【匿名】