导航: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

浏览器兼容性

另见