导航：entries() 方法

有限可用性

此功能不是基线，因为它在一些最广泛使用的浏览器中不起作用。

实验性：这是一个实验性技术
在生产环境中使用此功能之前，请仔细查看浏览器兼容性表。

entries() 方法是 Navigation 接口的一部分，它返回一个 NavigationHistoryEntry 对象数组，表示所有现有的历史记录条目。

语法

entries()

参数

无。

返回值

一个 NavigationHistoryEntry 对象数组。

异常

无。

示例

返回历史记录中的条目数

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

智能后退按钮

页面提供的“后退”按钮可以通过检查先前历史记录条目来带您返回，即使在重新加载之后。

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

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。