Lien d'ancrage HTML - href et onclick les deux?

Je veux créer une balise d'ancrage qui exécute du JavaScript, puis continue à aller où que ce hrefsoit. L'appel d'une fonction qui exécute mon JavaScript, puis définit window.locationou top.locationà l' hrefemplacement ne fonctionne pas pour moi.

Alors, imaginez que j'ai un élément avec l'identifiant "Foo" sur la page. Je souhaite créer une ancre similaire à:

<a href="#Foo" onclick="runMyFunction(); return false;">Do it!</a>

Lorsque vous cliquez dessus, je veux exécuter runMyFunction, puis sauter la page vers #Foo(ne pas provoquer de rechargement - l'utilisation top.locationentraînerait le rechargement de la page).

Suggestions? Je suis heureux d'utiliser jQuery si cela peut aider ici ...

Juste à la return trueplace?

La valeur de retour du onClickcode est ce qui détermine si l'action cliquée inhérente au lien est traitée ou non - le retour falsesignifie qu'elle n'est pas traitée, mais si vous revenez, truele navigateur procédera à son traitement après le retour de votre fonction et passera à la bonne ancre.

<a href="#Foo" onclick="return runMyFunction();">Do it!</a>

et

function runMyFunction() {
  //code
  return true;
}

De cette façon, vous aurez votre fonction exécutée ET vous suivrez le lien ET vous suivrez le lien exactement après que votre fonction a été exécutée avec succès.

Si le lien ne doit changer d'emplacement que si l'exécution de la fonction réussit, faites-le onclick="return runMyFunction();"et dans la fonction, vous retournerez vrai ou faux.

Si vous souhaitez simplement exécuter la fonction, puis laisser la balise d'ancrage faire son travail, supprimez simplement l' return falseinstruction.

En remarque, vous devriez probablement utiliser un gestionnaire d'événements à la place, car le JS en ligne n'est pas une façon très optimale de faire les choses.

Lorsque vous créez une structure HTML propre, vous pouvez l'utiliser.

//Jquery Code
$('a#link_1').click(function(e){
  e . preventDefault () ;
  var a = e . target ;
  window . open ( '_top' , a . getAttribute ('href') ) ;
});

//Normal Code
element = document . getElementById ( 'link_1' ) ;
element . onClick = function (e) {
  e . preventDefault () ;
  
  window . open ( '_top' , element . getAttribute ('href') ) ;
} ;

<a href="#Foo" id="link_1">Do it!</a>