Appel des fonctions JS à partir de liens dans IE?

Question

Si j'ai une fonction comme ceci:

function foo() 
{ 
    //... 
    return false; 
} 

je peux l'appeler comme ceci:

<a href="#" onClick="foo()">Run Foo</a> 

Cependant, dans tous les navigateurs, ce qui met un # dans l'URL que je ne veux pas.

Ainsi, au lieu-je faire cela:

<a href="javascript:foo()">Run Foo</a> 

Ce qui fonctionne très bien en chrome, mais dans IE il charge une page contenant la chaîne false.

Quelle est la meilleure pratique ici?

Answer 1

Vous n'avez pas besoin du protocole javascript:.

<a href="#" onclick="foo(); return false">Run Foo</a> 

est tout ce dont vous avez besoin.

Answer 2

Comme @wrumbsy dit ...

Vous n'avez pas besoin du javascript: protocole.

<a href="#" onclick="foo(); return false">Run Foo</a>

... mais cela signifie que vous n'avez pas besoin d'ancrage <a> soit. Utilisez uniquement des ancres pour les hyperliens; pas pour l'interactivité améliorée par JS.

Une durée fonctionnera tout aussi bien, avec cursor:pointer; propriété CSS:

<span style="cursor:pointer;" onclick="foo(); return false">Run Foo</span>