資料結構
網路
關係型資料庫管理系統 (RDBMS)
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
時尚研究
法律研究如何在JavaScript中載入歷史列表中的上一個URL？
在本教程中，我們將學習如何在JavaScript中載入歷史列表中的上一頁。
JavaScript中的Window物件訪問瀏覽器中的視窗。此物件包含許多執行任務所需的屬性和方法。Window物件還可以從瀏覽器視窗檢索資訊。
每個瀏覽器中都有一個歷史堆疊，用於儲存使用者訪問過的頁面。要訪問此history堆疊，我們可以使用history物件，它是Window物件的屬性。透過訪問瀏覽器的history，我們可以訪問使用者訪問過的前後頁面。
讓我們看看如何在JavaScript中載入歷史列表中的上一頁。
以下是history物件中用於在JavaScript中載入歷史列表中上一頁的方法/函式：
history.back() 方法
history.go() 方法
使用history.back() 方法
history.back() 用於載入使用者訪問的上一頁。
但是，只有當上一頁存在於瀏覽器的歷史堆疊中時，它才有效。
此方法類似於單擊瀏覽器中的後退按鈕。
使用者可以按照以下語法使用history物件的back()方法來載入歷史列表的上一頁。
window.history.back(); OR history.back();
示例1
在下面提到的示例中，我們使用了back()方法來載入瀏覽器歷史列表中的上一頁。
<html> <body> <h3>Use <i>history.back()</i> to load the previous page in the history list</h3> <button onclick = "goback()">go back</button> <p id = "output"> </p> <script> function goback(){ window.history.back(); document.getElementById("output").innerHTML = "You will have gone to previous page if it exists"; } </script> </body> </html>
在上面的示例中，使用者可以看到我們單擊按鈕後使用了back方法。但是，只有當頁面存在於瀏覽器歷史堆疊中時，頁面才能導航到上一頁。
使用history.go() 方法
history.go()方法用於透過頁碼載入頁面。我們必須將其頁碼作為引數提供給history中的頁面。頁碼可以是負數或正數，具體取決於它是前進頁面還是後退頁面。
所有使用者都可以按照以下語法使用history物件的go()方法來載入歷史列表中的上一頁：
語法
//We have to use negative values for previous pages
window.history.go(-page_number)
OR
history.go(-page_number)
引數
page_number − 瀏覽器歷史列表中頁面的頁碼。
示例
在下面的示例中，我們使用了go()方法來載入瀏覽器歷史列表中的上一頁。
<html> <body> <h3>Use <i>history.go()</i> to load the previous page in the history list</h3> <button onclick = "go()">go</button> <p id = "output"> </p> <script> function go(){ window.history.go(-1); document.getElementById("output").innerHTML = "You will have gone to previous page if it exists"; } </script> </body> </html>
在本教程中，我們學習了兩種在JavaScript中載入歷史列表中上一頁的方法。在這些方法中，history.back()是history物件中載入歷史列表中上一頁的方法。history.go()是在history物件中載入上一頁的方法，同時新增負一作為引數。
6000+ 次瀏覽
