Question

If I have a function like this:

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

I can call it like this:

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

However, in all browsers, this puts an # in the URL which I do not want.

So instead I do this:

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

Which works fine in chrome but in IE it loads a page containing the string false.

Whats the best practice here?

Answer 1

You don’t need the javascript: protocol.

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

is all you need.