导航激活:navigationType 属性

实验性: 这是一个 实验性技术
在生产环境中使用之前,请仔细查看 浏览器兼容性表

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

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

  • push:导航到一个新位置,导致将一个新条目推送到历史记录列表中。
  • reloadNavigationActivation.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

浏览器兼容性

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

另请参阅