×

JavaScript的历史对象(history)

作者:Terry2020.05.06来源:Web前端之家浏览:5528评论:0

JavaScript的历史对象(history)是 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对象方法可以用在“返回上一页”链接中

EX1

<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>

EX2

<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>


您的支持是我们创作的动力!
温馨提示:本文作者系Terry ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://jiangweishan.com/article/JS8RE82834092834098.html

网友评论文明上网理性发言 已有0人参与

发表评论: