Introduction à plusieurs utilisations de la balise a href='' en html

Comme nous le savons tous, la fonction la plus importante de la balise a est d'implémenter des hyperliens et des ancres. De plus, la plupart des gens pensent que le rôle le plus important de la balise a est d'implémenter des hyperliens. Aujourd'hui, je suis tombé sur une façon d'écrire la balise a , je vais donc régler le problème. Vous trouverez ci-dessous plusieurs utilisations de href dans la balise a.

1. Plusieurs méthodes d'appel de Js (se référer au résumé)

1.

a href="javascript:j
s_method();"

Il s'agit d'une méthode couramment utilisée, mais cette méthode est sujette à des problèmes lors de la transmission de paramètres tels que celui-ci et javascript : lorsque le protocole est utilisé comme attribut href de a, il provoquera non seulement le déclenchement inutile de l'événement window.onbeforeunload, mais arrêtera également la lecture des images gif animées dans IE. Les normes du W3C ne recommandent pas d'exécuter des instructions javascript dans href
2.

 a href="javascript:void(0);" onclick="js_method()"

Cette méthode est la méthode la plus couramment utilisée pour de nombreux sites Web et est également la méthode la plus complète, la méthode onclick est responsable de l'exécution de la fonction js, et void est un opérateur, void(0) renvoie undefined et l'adresse ne saute pas. Et cette méthode n'expose pas directement la méthode js à la barre d'état du navigateur comme la première méthode.
3.

a href="javascript:;" onclick="js_method()"

Cette méthode est similaire aux 2 méthodes, la seule différence est qu'un code js vide est exécuté.
4.

a href="#" onclick="js_method()"

Cette méthode est également un code très courant sur Internet # est une méthode intégrée à la balise, qui représente le. rôle de haut. Ainsi, en utilisant cette méthode pour cliquer sur la page Web, vous revenez en haut de la page.

5.

a href="#" onclick="js_method();return false;"

Cette méthode renvoie false après avoir cliqué pour exécuter la fonction js, et la page ne sautera pas après l'exécution. , il sera toujours à la position actuelle de la page.
Sur la base de ce qui précède, la méthode la plus appropriée pour appeler les fonctions js dans a est recommandée :

2. href= La fonction de "#"

href="#" dans un moyen de remonter en haut. Si vous devez faire défiler la page en cours, vous pouvez ainsi revenir directement en haut. Par exemple, certains sites Web créeront un bouton icône dans le coin inférieur droit pour revenir en haut. À ce stade, vous pouvez envisager d'utiliser cette méthode la plus simple pour l'implémenter.

<span style="font-size:14px;"><a href="#">回到最顶端</a></span>

3. 🎜 >

1. L'URL est une URL absolue

À ce moment, elle pointe vers un autre site, tel que

href="http://write.blog.csdn.net"

, puis lorsque vous cliquez dessus, il passera directement à la page de ce lien.

2. L'URL est une URL relative

À ce moment, elle pointe vers un fichier du site, tel que href="/test. doc", le fichier sera téléchargé directement lorsque vous cliquerez dessus.

3. URL d'ancrage

À ce stade, elle pointe vers l'ancre dans la page, telle que href="#top", puis il arrivera lorsque vous cliquerez dessus. Le point d'ancrage avec id="top" dans la page actuelle réalise ce qu'on appelle le saut de la page actuelle. L'utilisation la plus courante consiste à ajouter un menu à une page déroulante pour revenir directement à une certaine partie de la page.

C'est-à-dire les trois exemples de code :

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!