Comment JavaScript peut-il détecter les liens d'ancrage de hachage dans les URL ?

Comment identifier les liens d'ancrage de hachage dans les URL avec JavaScript

Que vous créiez des pages Web dynamiques ou développiez des widgets interactifs, cela est souvent nécessaire pour distinguer les URL avec des liens d'ancrage de hachage de celles qui n'en ont pas. Pour ce faire, en JavaScript, vous pouvez exploiter la propriété location.hash.

Vérifiez les liens d'ancrage de hachage

Pour déterminer si une URL contient un lien d'ancrage de hachage, vous peut utiliser l'extrait de code suivant :

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

La propriété location.hash renvoie la partie d'une URL qui suit le symbole de hachage (#), y compris le symbole de hachage lui-même. Lorsqu'un lien d'ancrage de hachage est présent dans l'URL, location.hash sera une chaîne non vide. En l'absence de lien d'ancrage de hachage, location.hash sera une chaîne vide.

Exemple d'utilisation

Supposons que vous ayez le code HTML suivant :

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

Si un utilisateur clique sur ce lien, le navigateur accédera à l'URL "page.html#anchor". À l'aide du code JavaScript fourni ci-dessus, vous pouvez vérifier si un lien d'ancrage de hachage est présent dans l'URL comme suit :

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

En utilisant la propriété location.hash, vous pouvez facilement déterminer la présence de liens d'ancrage de hachage dans les URL, vous permettant d'implémenter une logique conditionnelle en conséquence.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!