Liens hypertextes JavaScript : href vs onclick – Quel est le meilleur pour les appels de fonction ?

JavaScript - Fonctions de rappel pour les hyperliens : href vs onclick

Lorsque vous tentez de déclencher des fonctions JavaScript sur des clics d'hyperliens sans provoquer de redirections de pages, une question se pose concernant l'utilisation appropriée de les attributs href et onclick.

href Attribut

Placer l'appel JavaScript dans l'attribut href peut entraîner l'exécution par le navigateur à la fois du code JavaScript et de la redirection du lien. Ce comportement est déconseillé car il peut conduire à des résultats inattendus.

Utilisation incorrecte :

<a href="javascript:my_function();window.print();">...</a>

attribut onclick

Liaison de l'appel JavaScript au L'événement onclick offre plus de contrôle sur le comportement. Il permet l'exécution du code JavaScript tout en empêchant la redirection.

Utilisation recommandée :

<a href="#" onclick="MyFunction(); return false;">...</a>

Le "return false;" La déclaration garantit que le navigateur ne suit pas le lien.

Meilleure pratique

La meilleure approche consiste à utiliser un framework tel que jQuery pour attacher le gestionnaire d'événements onclick par l'ID de l'élément. Cela offre une plus grande flexibilité et évite les problèmes potentiels liés à l'utilisation de href.

Solution optimale :

$('#myLink').click(function() { MyFunction(); return false; });

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!