最新的Web開發教程
 

JavaScript歷史窗口


window.history對象包含瀏覽器歷史記錄。


Window History

window.history對象可以在沒有窗口的前綴被寫入。

為了保護用戶的隱私,也有給JavaScript如何訪問該對象的限制。

一些方法:

  • history.back() -一樣再次單擊瀏覽器
  • history.forward() -一樣的,在瀏覽器中點擊前進

Window History返回

history.back()方法加載在歷史列表中的前一個URL。

這是一樣的點擊瀏覽器的後退按鈕。

創建一個頁面上的返回按鈕:

<html>
<head>
<script>
function goBack() {
    window.history.back()
}
</script>
</head>
<body>

<input type="button" value="Back" onclick="goBack()">

</body>
</html>

代碼的輸出將是:


Window History前進

history forward()方法加載在歷史列表中的下一個URL。

這是相同的點擊在瀏覽器中的前進按鈕。

在頁面上創建一個前進按鈕:

<html>
<head>
<script>
function goForward() {
    window.history.forward()
}
</script>
</head>
<body>

<input type="button" value="Forward" onclick="goForward()">

</body>
</html>

代碼的輸出將是: