NavigationHistoryEntry: key-Eigenschaft

Die schreibgeschützte key-Eigenschaft des NavigationHistoryEntry-Interfaces gibt den key des Verlaufseintrags zurück, oder einen leeren String, wenn das aktuelle Dokument nicht vollständig aktiv ist. Dies ist ein eindeutiger, vom User-Agent generierter Wert, der den Slot des Verlaufseintrags in der Eintragsliste repräsentiert. Er wird verwendet, um zu diesem bestimmten Slot über Navigation.traverseTo() zu navigieren. Der key wird von anderen Einträgen wiederverwendet, die den Eintrag in der Liste ersetzen (d.h. wenn der NavigateEvent.navigationType replace ist).

Dies unterscheidet sich von der id eines Verlaufseintrags. Die id ist ein eindeutiger, vom User-Agent generierter Wert, der immer einen spezifischen Verlaufseintrag repräsentiert, anstatt seinen Slot in der Eintragsliste. Dies ist nützlich, um ihn mit einer externen Ressource wie einem Speicher-Cache zu korrelieren.

const current = navigation.currentEntry;
console.log(current.key);

function initHomeBtn() {
  // Get the key of the first loaded entry
  // so the user can always go back to this view.
  const { key } = navigation.currentEntry;
  backToHomeButton.onclick = () => {
    navigation.traverseTo(key);
  };
}
// Intercept navigate events, such as link clicks, and
// replace them with single-page navigations
navigation.addEventListener("navigate", (event) => {
  event.intercept({
    async handler() {
      // Navigate to a different view,
      // but the "home" button will always work.
    },
  });
});