Comment utiliser un attribut href de balise et un événement onclick

Cette fois, je vais vous montrer comment utiliser l'attribut a tag href et l'événement onclick Quelles sont les précautions lors de l'utilisation de la balise a href. attribut et événement onclick. Lesquels, les suivants sont des cas pratiques, jetons un coup d'œil. La balise

a est principalement utilisée pour implémenter des sauts de page, qui peuvent être réalisés via l'attribut href ou dans l'événement onclick.

<a onclick="window.location.href=&#39;www.jb51.net&#39;" href="javascript:void(0);">PHP中文网</a>

Ce code convient aux navigateurs grand public, mais il y aura un problème car il ne pourra pas sauter sous IE6. Quelle en est la raison ?

javascript:void(0);

void(arg); peut être compris comme une fonction qui renvoie toujours null, mais ses paramètres ne peuvent pas être vides. Ses paramètres peuvent être n'importe quelle expression ou même fonction.

<a href="javascript:void(name = &#39;php中文网&#39;); alert(name);">测试</a>

Test

IE6 exécute d'abord les événements liés au DOM lui-même, comme onclick ; si le bouillonnement n'est pas empêché, les attributs href seront exécutés séquentiellement. Et void(0); n'a pas besoin d'exécuter d'événements, donc IE6 dit au navigateur de n'exécuter aucun événement (en écrasant les actions précédentes), et mettre fin au bouillonnement équivaut à renvoyer false afin que le navigateur n'exécute aucune action ; Alors arrêtez simplement l'événement bouillonnant dans l'événement onclick.

<a onclick="window.location.href=&#39;http://www.jb51.net&#39;;return false;" href="javascript:void(0);">PHP中文网</a>

De cette façon, il peut fonctionner normalement sous IE6.

Une autre façon est de ne pas utiliser javascript:void(0); mais d'utiliser # à la place. Cela peut également être évité. Le # dans l'attribut href signifie à l'origine point d'ancrage. #name donc il ira en haut de la page lorsqu'aucune ancre n'est spécifiée. # a une signification spécifique, et la valeur par défaut est #top S'il y a du contenu après #, il sera considéré comme une balise et la balise correspondante y sera renvoyée si elle est trouvée sur la page. Si vous ne souhaitez pas sauter, vous pouvez utiliser ###, ### est une spécification d'étiquette dénuée de sens.

Je pense que vous maîtrisez les méthodes après avoir lu ces cas. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture connexe :

Comment utiliser les annotations de lignes horizontales et les commentaires de code en HTML

Comment écrire de manière flexible et stable , Code HTML et CSS de haute qualité

Comment obtenir l'effet de transformer le texte en zone de saisie lorsque vous cliquez sur un bouton et de le transformer en texte lorsque vous cliquez sur Enregistrer

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!