JavaScript 視窗歷史記錄

History 物件

JavaScript History 物件用於記錄操作瀏覽器的存取記錄。 History 物件是 window 物件的一部分,可透過 window.history 屬性對其進行存取。

提示:History 物件的有效作用範圍都是指目前視窗。

History 物件 length 屬性

History 物件有唯一的一個 length 屬性,用於得到瀏覽器存取歷史記錄中的 URL 數量。範例如下:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
<script type="text/javascript">
document.write(history.length);
</script>
</head>
<body>
</body>
</html>

說明

此範例輸出的結果取決於目前頁面的瀏覽記錄,如果是新視窗開啟該範例,IE 瀏覽器會輸出0 (即從0 開始計算),而Firefox、Chrome 等瀏覽器則會輸出1。

back() 方法

back() 方法用於傳回前一個瀏覽頁面(如果存在),其效果相當於點擊瀏覽器的回傳按鈕或呼叫history.go(-1)。以下是常用的返回上一頁提示:

<a href="javascript:window.history.back()" />返回上一頁</a>

<html>
<head>
<script>
function goBack()
  {
  window.history.back()
  }
</script>
</head>
<body>
<input type="button" value="Back" onclick="goBack()">
</body>
</html>


forward() 方法

back() 方法用於前往下一個瀏覽頁面(如果存在),其效果相當於點擊瀏覽器的前進按鈕或呼叫history.go(1)。範例:

<a href="javascript:window.history.forward()" />前往下一頁</a>

<html>
<head>
<script>
function goForward()
  {
  window.history.forward()
  }
</script>
</head>
<body>
<input type="button" value="Forward" onclick="goForward()">
</body>
</html>

注意: back方法和forward方法需要瀏覽器存在歷史記錄的情況下才能顯示。


繼續學習
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script type="text/javascript"> document.write(history.length); </script> </head> <body> </body> </html>