JavaScript中History對象的方法有哪些

小編給大家分享一下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對象的方法有哪些”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！