call javascript function on hyperlink click
Neater still, instead of the typical href="#"
or href="javascript:void"
or href="whatever"
, I think this makes much more sense:
var el = document.getElementById('foo');el.onclick = showFoo;function showFoo() { alert('I am foo!'); return false;}<a href="no-javascript.html" title="Get some foo!" id="foo">Show me some foo</a>
If Javascript fails, there is some feedback. Furthermore, erratic behavior (page jumping in the case of href="#"
, visiting the same page in the case of href=""
) is eliminated.
The simplest answer of all is...
<a href="javascript:alert('You clicked!')">My link</a>
Or to answer the question of calling a javascript function:
<script type="text/javascript">function myFunction(myMessage) { alert(myMessage);}</script><a href="javascript:myFunction('You clicked!')">My link</a>
With the onclick parameter...
<a href='http://www.google.com' onclick='myJavaScriptFunction();'>mylink</a>