javascript History 對象總結

History 對象總結


history對象記錄了用戶曾經瀏覽過的頁面(URL),並可以實現瀏覽器前進與後退相似導航的功能。

注意:窗口被打開的那一刻開始記錄,每個瀏覽器窗口、每個標籤頁乃至每個框架,都有自己的history對象與特定的window對象關聯。

語法:

window.history.[屬性|方法]

注意:window可以省略。

History 對象屬性

History 對象方法

使用length屬性,當前窗口的瀏覽歷史總長度,代碼如下:

<script type="text/javascript">
 var HL = window.history.length;
 document.write(HL);
</script>




返回前一個瀏覽的頁面
back()方法,加載 history 列表中的前一個 URL。
語法:
window.history.back();
比如,返回前一個瀏覽的頁面,代碼如下:
window.history.back();
注意:等同於點擊瀏覽器的倒退按鈕。
back()相當於go(-1),代碼如下:
window.history.go(-1);


返回下一個瀏覽的頁面
forward()方法,加載 history 列表中的下一個 URL。
如果倒退之後,再想回到倒退之前瀏覽的頁面,則可以使用forward()方法,代碼如下:
window.history.forward();
注意:等價點擊前進按鈕。
forward()相當於go(1),代碼如下:
window.history.go(1);


返回瀏覽歷史中的其他頁面
go()方法,根據當前所處的頁面,加載 history 列表中的某個具體的頁面。
語法:
window.history.go(number);
參數:

瀏覽器中,返回當前頁面之前瀏覽過的第二個歷史頁面,代碼如下:
window.history.go(-2);
注意:和在瀏覽器中單擊兩次後退按鈕操作一樣。
同理,返回當前頁面之後瀏覽過的第三個歷史頁面,代碼如下:
window.history.go(3);


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章