JavaScript Window History
History 對象
JavaScript History 對象用于記錄操作瀏覽器的訪問歷史。History 對象是 window 對象的一部分,可通過 window.history 屬性對其進(jìn)行訪問。
提示:History 對象的有效作用范圍都是指當(dāng)前窗口。
History 對象 length 屬性
History 對象有唯一的一個 length 屬性,用于得到瀏覽器訪問歷史記錄中的 URL 數(shù)量。例子如下:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> <script type="text/javascript"> document.write(history.length); </script> </head> <body> </body> </html>
說明
該例子輸出的結(jié)果取決于當(dāng)前頁面的瀏覽記錄,如果是新窗口打開該例子,IE 瀏覽器會輸出 0(即從 0 開始計算),而 Firefox、Chrome 等瀏覽器則會輸出 1。
back() 方法
back() 方法用于返回前一個瀏覽頁面(如果存在),其效果相當(dāng)于點(diǎn)擊瀏覽器的返回按鈕或者調(diào)用 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() 方法用于前往下一個瀏覽頁面(如果存在),其效果相當(dāng)于點(diǎn)擊瀏覽器的前進(jìn)按鈕或者調(diào)用 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方法需要瀏覽器存在歷史記錄的情況下才能顯示。