可以使用window.history
對(duì)象來(lái)獲取瀏覽器歷史記錄的相關(guān)信息。下面是一些常用的方法和屬性:
window.history.length
:返回瀏覽器歷史記錄中的頁(yè)面數(shù)量。
window.history.state
:返回當(dāng)前頁(yè)面的狀態(tài)對(duì)象。
window.history.go(n)
:在瀏覽器歷史記錄中向前或向后跳轉(zhuǎn)n個(gè)頁(yè)面,負(fù)數(shù)表示向后跳轉(zhuǎn)。
window.history.back()
:返回到上一個(gè)頁(yè)面。
window.history.forward()
:前往下一個(gè)頁(yè)面。
window.history.pushState(state, title, url)
:將新的狀態(tài)對(duì)象添加到瀏覽器歷史記錄中,并且不會(huì)觸發(fā)頁(yè)面刷新。
window.history.replaceState(state, title, url)
:替換當(dāng)前頁(yè)面的狀態(tài)對(duì)象,不會(huì)觸發(fā)頁(yè)面刷新。
以下是一個(gè)示例,演示如何獲取瀏覽器歷史記錄中的URL和標(biāo)題:
// 獲取瀏覽器歷史記錄中的URL和標(biāo)題
for (let i = 0; i < window.history.length; i++) {
const state = window.history.state;
const url = window.history[i].url;
const title = window.history[i].title;
console.log(`URL: ${url}, Title: ${title}`);
}
請(qǐng)注意,由于安全原因,瀏覽器可能限制對(duì)window.history
對(duì)象的訪問(wèn)。