History對象

History對象

History 對象包含用戶(在瀏覽器窗口中)訪問過的 URL。

History 對象是 window 對象的一部分,可通過 window.history 屬性對其進行訪問。

Note
注意: 沒有應用于History對象的公開標準,不過所有瀏覽器都支持該對象。

CONTENT

History 對象屬性

屬性 說明
length 返回歷史列表中的網址數

History 對象方法

方法 說明
back() 加載 history 列表中的前一個 URL
forward() 加載 history 列表中的下一個 URL
go() 加載 history 列表中的某個具體頁面

History對象屬性&對象方法

console.log("歷史列表中URL的數量: " + history.length);
// 歷史列表中URL的數量: 1
document.write(`<input type="button" value="后退" onclick="window.history.back()">`);
// 后退
document.write(`<input type="button" value="前進" onclick="window.history.forward()">`);
// 前進
document.write(`<input type="button" value="前進2" onclick="window.history.go(2)">`);
// 前進2
document.write(`<input type="button" value="后退2" onclick="window.history.go(-2)">`);
// 后退2

定義和用法

length 屬性聲明了瀏覽器歷史列表中的元素數量。

? 注意:Internet Explorer和Opera從0開始,而Firefox、Chrome和Safari從1開始。

back() 方法可加載歷史列表中的前一個 URL(如果存在)。

調用該方法的效果等價于點擊后退按鈕或調用 history.go(-1)。

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

調用該方法的效果等價于點擊前進按鈕或調用 history.go(1)。

go() 方法可加載歷史列表中的某個具體的頁面。

該參數可以是數字,使用的是要訪問的 URL 在 History 的 URL 列表中的相對位置。(-1上一個頁面,1前進一個頁面)?;蛞粋€字符串,字符串必須是局部或完整的URL,該函數會去匹配字符串的第一個URL。

語法

history.length

history.back()

history.forward()

history.go(number|URL)

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • 瀏覽器窗口有一個history對象,用來保存瀏覽歷史。 如果當前窗口先后訪問了三個網址,那么history對象就包...
    君臨12138閱讀 3,199評論 0 3
  • 概述 window.history屬性指向History對象,它表示當前窗口的瀏覽歷史。 History對象保存了...
    oWSQo閱讀 10,052評論 0 3
  • 概述 瀏覽器窗口有一個history對象,用來保存瀏覽歷史。 如果當前窗口先后訪問了三個網址,那么history對...
    許先生__閱讀 844評論 0 2
  • 1.概述 window.history屬性指向 History 對象,它表示當前窗口的瀏覽歷史。History 對...
    Kevin丶CK閱讀 509評論 0 3
  • 1.概述 window.history屬性指向 History 對象,它表示當前窗口的瀏覽歷史。 History ...
    coffee1949閱讀 626評論 0 0

友情鏈接更多精彩內容