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

瀏覽器相容性

另見