NavigationActivation: navigationType 属性

可用性有限

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

实验性: 这是一项实验性技术
在生产中使用此技术之前,请仔细检查浏览器兼容性表格

NavigationActivation 接口的只读属性 navigationType 包含一个字符串,指示导航的类型。

一个字符串,表示 NavigationActivation 相关的导航类型。可能的值包括:

  • push:导航到一个新位置,导致将新条目推送到历史记录列表。
  • reload:重新加载了 NavigationActivation.entry
  • replaceNavigationActivation.entry 被一个新的历史记录条目替换。这个新条目将重用相同的 key,但会被分配一个不同的 id
  • traverse:浏览器从一个现有的历史记录条目导航到另一个现有的历史记录条目。

示例

js
window.addEventListener("pageswap", (event) => {
  // For example, the page was hidden, or the navigation is cross-document.
  if (!event.viewTransition) return;

  // Skip the view transition for back/forward navigations.
  if (event.activation.navigationType === "traverse") {
    event.viewTransition.skipTransition();
  }
});

规范

规范
HTML
# dom-navigationactivation-navigationtype

浏览器兼容性

另见