JavaScript中History對(duì)象的方法有哪些

小編給大家分享一下JavaScript中History對(duì)象的方法有哪些，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

JavaScript的歷史對(duì)象是 window 對(duì)象的一部分，表示用戶(hù)訪問(wèn)過(guò)的URL的數(shù)組集合；它是用來(lái)保存著用戶(hù)上網(wǎng)的歷史歷史，從窗口被打開(kāi)的那一刻算起。

History對(duì)象的屬性

History對(duì)象只有一個(gè)屬性，那就是：length，用來(lái)返回歷史記錄表中URL的數(shù)量。例：

history.length // 如果在當(dāng)前窗口先后訪問(wèn)了三個(gè)網(wǎng)站，有了三個(gè)URL，就會(huì)返回3

History對(duì)象的方法

History對(duì)象有三個(gè)方法，分別為：

forward()：加載歷史記錄列表中的前一個(gè) URL。

back()：加載 歷史記錄 列表中的下一個(gè) URL。

go()：加載 歷史記錄列表中的某個(gè)具體頁(yè)面，可以接受一個(gè)整數(shù)作為參數(shù)，例：

history.go(1)
/*相當(dāng)于*/
history.forward()

history.go(-1)
/*相當(dāng)于*/
history.back()

history.history.go(0)  /*相當(dāng)于刷新當(dāng)前頁(yè)面*/

History對(duì)象方法的示例：

History對(duì)象方法可以用在“返回上一頁(yè)”鏈接中

1.html

<div id="demo">
	<a href="file:///D:/ksdler/Sublime%20Text/demo/2.html">2.html</a><br>
	<a href="#" id="backLink">返回上一頁(yè)</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">返回上一頁(yè)</a><br>
</div>
<script>  
document.getElementById('backLink').onclick = function () {
  window.history.back();
}
</script>

效果圖：

以上是“JavaScript中History對(duì)象的方法有哪些”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！