導航:entries() 方法

可用性有限

此特性不是基線特性,因為它在一些最廣泛使用的瀏覽器中不起作用。

實驗性: 這是一項實驗性技術
在生產中使用此技術之前,請仔細檢查瀏覽器相容性表格

Navigation 介面的 entries() 方法返回一個包含所有現有歷史記錄條目的 NavigationHistoryEntry 物件陣列。

語法

js
entries()

引數

無。

返回值

NavigationHistoryEntry 物件陣列。

異常

無。

示例

返回歷史記錄中的條目數

js
let numOfEntries = navigation.entries().length - 1;

智慧後退按鈕

頁面提供的“後退”按鈕可以透過檢查之前的歷史記錄條目,在重新載入後也能將您帶回。

js
backButtonEl.addEventListener("click", () => {
  if (
    navigation.entries()[navigation.currentEntry.index - 1]?.url ===
    "/product-listing"
  ) {
    navigation.back();
  } else {
    // If the user arrived here in some other way
    // e.g. by typing the URL directly:
    navigation.navigate("/product-listing", { history: "replace" });
  }
});

規範

規範
HTML
# dom-navigation-entries-dev

瀏覽器相容性

另見