Wie kann JavaScript Hash-Anker-Links in URLs erkennen?

So identifizieren Sie Hash-Anker-Links in URLs mit JavaScript

Ob Sie dynamische Webseiten erstellen oder interaktive Widgets entwickeln, es ist oft notwendig um URLs mit Hash-Anker-Links von solchen ohne zu unterscheiden. Um dies in JavaScript zu erreichen, können Sie die Eigenschaft location.hash nutzen.

Auf Hash-Anker-Links prüfen

Um festzustellen, ob eine URL einen Hash-Anker-Link enthält, müssen Sie kann das folgende Code-Snippet verwenden:

if (window.location.hash) {
  // Fragment exists
} else {
  // Fragment doesn't exist
}

Die Eigenschaft „location.hash“ gibt den Teil einer URL zurück, der auf das Hash-Symbol (#) folgt, einschließlich des Hashs Symbol selbst. Wenn in der URL ein Hash-Anker-Link vorhanden ist, ist location.hash eine nicht leere Zeichenfolge. Wenn kein Hash-Anker-Link vorhanden ist, ist location.hash eine leere Zeichenfolge.

Beispielverwendung

Angenommen, Sie haben den folgenden HTML-Code:

<a href="page.html#anchor">Go to Anchor</a>

Klickt ein Nutzer auf diesen Link, navigiert der Browser zur URL „page.html#anchor“. Mithilfe des oben bereitgestellten JavaScript-Codes können Sie wie folgt überprüfen, ob ein Hash-Anker-Link in der URL vorhanden ist:

if (window.location.hash === "#anchor") {
  // Code to execute when the anchor exists
}

Durch die Verwendung der location.hash-Eigenschaft können Sie das Vorhandensein von Hash-Anker-Links leicht ermitteln in URLs, sodass Sie die bedingte Logik entsprechend implementieren können.

Das obige ist der detaillierte Inhalt vonWie kann JavaScript Hash-Anker-Links in URLs erkennen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!