Navigation: back()-Methode

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig, bevor Sie diese produktiv verwenden.

Die back()-Methode des Navigation-Interfaces navigiert um einen Eintrag rückwärts in der Navigationshistorie.

Syntax

js
back(options)

Parameter

options Optional

Ein Optionsobjekt, das die folgenden Eigenschaften enthält:

info Optional

Entwicklerdefinierte Informationen, die an das navigate-Event übergeben werden, verfügbar gemacht in NavigateEvent.info. Dies kann jeden Datentyp haben. Sie könnten beispielsweise den neu navigierten Inhalt mit einer anderen Animation anzeigen, je nachdem, wie dorthin navigiert wurde (nach links streichen, nach rechts streichen, oder nach Hause gehen). Ein String, der angibt, welche Animation verwendet werden soll, könnte als info übergeben werden.

Rückgabewert

Ein Objekt mit den folgenden Eigenschaften:

committed

Ein Promise, der erfüllt wird, wenn die sichtbare URL geändert wurde und ein neuer NavigationHistoryEntry erstellt wurde.

finished

Ein Promise, der erfüllt wird, wenn alle Promise, die vom intercept()-Handler zurückgegeben werden, erfüllt sind. Dies entspricht der Erfüllung des NavigationTransition.finished-Promises, wenn das navigatesuccess-Event ausgelöst wird.

Jedes dieser Promise wird abgelehnt, wenn die Navigation aus irgendeinem Grund fehlgeschlagen ist.

Ausnahmen

InvalidStateError DOMException

Wird ausgelöst, wenn der Navigation.currentEntry-Wert des NavigationHistoryEntry.index -1 oder 0 ist, d.h. entweder ist das aktuelle Document noch nicht aktiv, oder der aktuelle Historieneintrag ist der erste in der Historie, was bedeutet, dass eine Rückwärtsnavigation nicht möglich ist, oder wenn das aktuelle Document entlädt.

Beispiele

js
async function backHandler() {
  if (navigation.canGoBack) {
    await navigation.back().finished;
    // Handle any required clean-up after
    // navigation has finished
  } else {
    displayBanner("You are on the first page");
  }
}

async function forwardHandler() {
  if (navigation.canGoForward) {
    await navigation.forward().finished;
    // Handle any required clean-up after
    // navigation has finished
  } else {
    displayBanner("You are on the last page");
  }
}

Spezifikationen

Specification
HTML Standard
# dom-navigation-back-dev

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch