javascript怎么獲取WINDOW.history里的值

小億
215
2023-08-05 11:28:08

可以使用window.history對(duì)象來(lái)獲取瀏覽器歷史記錄的相關(guān)信息。下面是一些常用的方法和屬性:

  1. window.history.length:返回瀏覽器歷史記錄中的頁(yè)面數(shù)量。

  2. window.history.state:返回當(dāng)前頁(yè)面的狀態(tài)對(duì)象。

  3. window.history.go(n):在瀏覽器歷史記錄中向前或向后跳轉(zhuǎn)n個(gè)頁(yè)面,負(fù)數(shù)表示向后跳轉(zhuǎn)。

  4. window.history.back():返回到上一個(gè)頁(yè)面。

  5. window.history.forward():前往下一個(gè)頁(yè)面。

  6. window.history.pushState(state, title, url):將新的狀態(tài)對(duì)象添加到瀏覽器歷史記錄中,并且不會(huì)觸發(fā)頁(yè)面刷新。

  7. 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)。

0