Вызов функций JS из ссылок в IE?

Question

Если у меня есть функция, как это:

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

я могу назвать это так:

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

Однако во всех браузерах, это положит # в URL, который я не хочу.

Так вместо этого я сделать это:

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

Который работает отлично в хром, но в IE он загружает страницу, содержащую строку false.

Какая у вас лучшая практика?

Answer 1

Вам не нужен протокол javascript:.

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

- это все, что вам нужно.

Answer 2

Как @wrumbsy говорит ...

Вам не нужен Javascript: протокол.

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

... но это означает, что вам не нужен якорь <a> либо. Используйте только привязки для гиперссылок; не для JS-усиленной интерактивности.

Пролет будет работать так же хорошо, с cursor:pointer; CSS собственности:

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