Tags Javascript et ancre, meilleure pratique?

Question Rapide.

Faut-il mettre du Javascript dans le HREF, ou utiliser onClick (événement)?

Existe-il des avantages/inconvénients à l'utilisation de l'un. Personnellement, je pense que c'est plus facile/plus propre simple de mettre le code dans le href, et ne pas avoir de fausse déclaration ou de se soucier de sauter à #

Sont-ils connus et navigateur des questions spécifiques à chaque méthode...

Exemples:

<a href="javascript: alert('foo!');">Click Me</a>
<a href="#" onClick="alert('foo!');return false">Click Me</a>
<a href="javascript:void(0)" onclick="alert('foo!');">Click Me</a>

source d'informationauteur Weston Watson

  1. 11

    1) Plutôt utiliser onclick. Assurez-vous d'avoir une utilisation rationnelle de secours URL dans href lors de la JS n'est pas autorisé.

    2) Plutôt que de onclick="..."vous devez utiliser le gestionnaire d'événement.
    Trouver des éléments à l'aide de jQuery ou XPath, et puis, pour chacun, appel element.addEventListener().

    element.addEventListener("click", function() { alert("bar"); }, false);

    Ou à l'ancienne...

    element.onclick = function() { alert("foo"); };
  2. 8

    Gardant le code distinct de l'html, c'est plus propre de l'OMI.

    <a id="foo" href="#">Click Me</a>

    Alors en chef ou de les séparer fichier js:

    document.getElementByID("foo").onclick = function() { alert("hi"); }
  3. 4

    Je serais personnellement pas mettre le code JavaScript dans le HTML. Vous devez utiliser un écouteur d'événement qui sera déclenché lorsque le <a> est cliqué.

    <a href="#" id="linkA">Click Me</a>

    Et puis:

    document.getElementById('linkA').addEventListener('click', function(e){
    e.preventDefault(); //Prevents page from scrolling to the top
    alert('foo!');
});
  4. 0

    Dans l'événement onclick (bien qu'affecté avec JS au lieu de l'attribut) avec un sensible attribut href. Construire sur des choses qui fonctionnent

  5. 0

    Généralement, je externaliser le code JavaScript mais l'utilisation de lahref l'appeler:

    <a href="javascript:foo('bar!');">Click Me</a>

    Bien que je pense de votre rapide alert exemple est fine comme une exception à la règle.

    Toutefois, si vous utilisez une bibliothèque JS comme jQuery vous pouvez bien sûr associer directement des événements - voir le premier exemple en jQuery tutoriel qui ressemble à l'ancrage de l'élément http://docs.jquery.com/Tutorials:How_jQuery_Works