Maison > interface Web > js tutoriel > le corps du texte

Pourquoi les hachages d'URL sont mon moyen préféré pour déclencher des événements

WBOY
Libérer: 2024-08-16 18:37:25
original
342 Les gens l'ont consulté

Why URL hashes are my favorite way to fire events

En tant que jeune développeur web, je me suis souvent demandé quelle était la meilleure façon de déclencher des événements (par exemple, faire en sorte qu'un lien affiche un nouveau contenu sur la page, sans rechargement). J'ai envisagé d'utiliser des éléments HTML comme gestionnaires d'événements, en modifiant une propriété lors du déclenchement d'un événement, mais cela semblait trop gênant. J'avais besoin de quelque chose qui ne gêne pas mon code HTML.

J'ai ensuite regardé ma barre d'URL, assise là seule et inutilisée, et une idée m'est venue. J'ajouterais simplement deux paramètres d'URL, un événement nommé et une donnée nommée ! C'était parfait !

C'est du moins ce que je pensais. L'ajout de paramètres d'URL recharge la page, donc cela ne fonctionnerait pas non plus. Mais je pensais toujours que l'URL était la meilleure voie à suivre et je me suis rappelé des hachages.

Pour ceux qui ne le savent pas, l'ajout de hachages à une URL ne pas recharge la page.

J'utilise cette technique depuis lors, et c'est sans aucun doute ma préférée. Je ne pense pas que ce soit une technique habituelle. Tout ce que je sais, c'est que cela répond à mes besoins.

window.addEventListener("hashchange", function(hash) {
  if (hash === "#profile-19289948") {
    ...
  }
});
Copier après la connexion

Maintenant, je suis curieux : est-ce que d'autres personnes font quelque chose de similaire ? Est-ce que d'autres personnes savent de quoi je parle ?

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!

source:dev.to
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!