Tout d'abord, il href
est préférable d' avoir l'URL car elle permet aux utilisateurs de copier des liens, de les ouvrir dans un autre onglet, etc.
Dans certains cas (par exemple, les sites avec des modifications HTML fréquentes), il n'est pas pratique de lier des liens à chaque mise à jour.
Méthode de liaison typique
Lien normal:
<a href="https://www.google.com/">Google<a/>
Et quelque chose comme ça pour JS:
$("a").click(function (e) {
e.preventDefault();
var href = $(this).attr("href");
window.open(href);
return false;
});
Les avantages de cette méthode sont une séparation nette du balisage et du comportement et n'ont pas à répéter les appels de fonction dans chaque lien.
Aucune méthode de liaison
Si vous ne voulez pas lier à chaque fois, cependant, vous pouvez utiliser onclick et passer l'élément et l'événement, par exemple:
<a href="https://www.google.com/" onclick="return Handler(this, event);">Google</a>
Et cela pour JS:
function Handler(self, e) {
e.preventDefault();
var href = $(self).attr("href");
window.open(href);
return false;
}
L'avantage de cette méthode est que vous pouvez charger de nouveaux liens (par exemple via AJAX) quand vous le souhaitez sans avoir à vous soucier de la liaison à chaque fois.