Comment une balise appelle JavaScript

Cet article vous présente principalement les informations pertinentes sur la façon dont la balise a appelle JavaScript. L'article le présente en détail à travers un exemple de code. Il a une certaine valeur de référence et d'apprentissage pour tout le monde. .

Il existe des événements de clic que nous utilisons souvent dans la balise A : & lt; a & gt; . Une URL relative ou absolue vers un document valide, comprenant des identifiants de fragment et des extraits de code JavaScript.

Ici href="javascript:;", où javascript: est un pseudo-protocole, qui nous permet d'appeler des fonctions javascript via un lien De cette manière javascript: ; Lorsque l'événement de clic de la balise A est en cours d'exécution, si la page a beaucoup de contenu et qu'il y a une barre de défilement, la page ne sautera pas et l'expérience utilisateur sera meilleure

1.

a href="javascript:js_method();"

Il s'agit d'une méthode couramment utilisée sur notre plateforme, mais cette méthode est sujette à des problèmes lors de la transmission de paramètres tels que celui-ci et lorsque le protocole javascript: est utilisé. en tant qu'attribut href de a, cela provoquera non seulement des inexactitudes. Il est nécessaire de déclencher l'événement window.onbeforeunload, qui arrêtera 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 sur de nombreux sites Web. . C'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) qui renvoie un défini 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, représentant le rôle. de haut. Ainsi, en utilisant cette méthode pour cliquer sur la page Web, vous revenez en haut de la page. Si la page a une barre de défilement, cliquez dessus et la page reviendra 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. La page ne sautera pas et elle sera toujours à la position actuelle de la page après l'exécution. . J'ai regardé la page d'accueil de taobao. Ils utilisent la deuxième méthode, tandis que la page d'accueil d'alibaba utilise la première méthode. La différence avec la nôtre est que les méthodes javascript dans chaque href sont entourées de try and catch .
Sur la base de ce qui précède, la méthode la plus appropriée pour appeler des fonctions js dans a est recommandée :

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

Recommandations associées :

Plusieurs méthodes d'appel de js dans une balise

Résumé des événements de clic pour appeler la fonction js dans une balise

Plusieurs méthodes d'appel de méthodes javascript dans une balise et window.open()

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!