Do you ever need to specify 'javascript:' in an onclick?
AFAIK, you never need to specify the protocol in an onclick:
onclick="javascript:myFunction()"
Bad
onclick="myFunction()"
Good
Today I noticed in this article on Google Anallytics that they are using it:
<a href="http://www.example.com" onClick="javascript: pageTracker._trackPageview('/outgoing/example.com');">
Is this example just plain wrong, or is there ever a reason to specify javascript:
in anything other than a href
?
Some of the responses here claim that the "javascript:" prefix is a "leftover from the old days", implying that it's intentionally, specially handled by the browsers for backwards compatibility. Is there solid evidence that this is the case (has anyone checked source code)?
<span onclick="javascript:alert(42)">Test</span>
To me, this just reads as:
javascript:
alert(42);
Meaning, that "javascript:" is just a label and has no effect. This works, too:
<span onclick="foobar:alert(42)">Test</span>
Update:
I did a little experiment and it turns out that, yes, "javascript:" is handled specially by IE, but definitely not so by Firefox, Safari, Opera or Chrome:
<span onclick="javascript:while (true) { alert('once'); break javascript; }">Test</span>
On non-IE, this will just alert "once", once and then break out of the loop. On IE, I get a "Label not found" error. The following works fine in all browsers:
<span onclick="foo:while (true) { alert('once'); break foo; }">Test</span>
Update 2:
I just realized the link http://crisp.tweakblogs.net/blog/the-useless-javascript-pseudo-protocol.html in one of the answers above pretty much talks about the same thing.
It's never needed on anchors and is never good practice. An anchor is for navigation only. An article about this topic is The useless JavaScript: pseudo-protocol.
In the beginning, you could also use VBScript in Internet Explorer instead of JavaScript, so specifying "javascript: ..." was standard.
Today, well, it doesn't hurt... There could always be some other wannabe browser scripting language in the future.
I have always believed that it was bad usage based on the fact that you can call JavaScript within a URL with the javascript:
prefix:
<a href="javascript:void(alert('really bad usage!'))">
(Web Forms, someone?)
And only ignorant web-developers that never realized the difference between an event-declaration and a href-declaration used it.
I would say that even event-attributes are bad practice in most cases nowadays, and the preferred way to atach an event is by using .attachEvent (Internet Explorer) and addEventListener (the rest of the browsers, as usual).
And finally... Google isn't always GOD almighty. They tend to be of more concern that stuff works instead of following standards all the time.