Explication détaillée de l'ordre d'exécution de onclick et href d'une balise en html

L'événement onclick est exécuté en premier, suivi de celui défini dans href (saut de page ou javascript)

Lorsqu'il y a deux définitions en même temps (onclick et href sont tous deux définis), si vous le souhaitez pour empêcher l'action href, return false doit être ajouté à onclick ; écrivez généralement onclick="xxx();return false;".

Si la fonction définie dans href a une valeur de retour, le contenu du courant page sera La valeur de retour est utilisée à la place de

si la page est trop longue et comporte des barres de défilement et que vous souhaitez effectuer des opérations via l'événement onclick du lien. Son attribut href doit être défini sur javascript:void(0); au lieu de #, ce qui peut éviter des sauts de page inutiles

Par conséquent, la méthode d'écriture la plus recommandée est

<a href="javascript:void(0)" onclick="fn(this)"> 
<a href="javascript:void(0);" onclick="javascript:goUrl(&#39;http://www.sina.com&#39;);return false;">跳转3</a>
<a href="javascript:void(0)" onclick="subgo()">点我</a>

Ici, javascript:void(0) n'a pas de fonction réelle. C'est juste un lien mort et la fonction exécutée est subgo().

<a href="#" onclick="subgo()">点我</a>与<a href="javascript:void(0)" onclick="subgo()">点我</a>区别。

En fait #contient une information de localisation. L'ancre par défaut est #top, qui est le haut de la page Web, et javascript:void(0) ne représente qu'un lien mort sans aucune information. Par conséquent, il est préférable d'utiliser void(0)

lors de l'appel d'un script. href pointe généralement vers une adresse URL, et vous pouvez également appeler javascript, tel que href="javascript:xxx();". Il est recommandé d'écrire ainsi dans le document : < ;a href=" javascript:void(0)" onclick="xxx();">xx, mais cette méthode provoque parfois d'étranges problèmes dans des environnements complexes Essayez de ne pas utiliser le protocole javascript: car l'attribut href de A entraînera 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.

En cliquant sur un tel lien, deux choses se produiront. 1. Si dosomthing renvoie vrai, le navigateur passera à cool.html. Au contraire, s'il renvoie faux, le href sera ignoré. Donc en profitant de cette fonctionnalité, nous pouvons écrire du code comme celui-ci...

<a href="cool.html" onclick = "doSomething()">做点什么吧</a>
function doSomething(){
return confirm("您确认要离开吗");
}
function doSomething(){
var ret = confirm("确认要离开吗?");
if(ret){
window.loaction.href = "cool.html";
}
}

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!