call javascript function on hyperlink click

by

Neater still, instead of the typical href="#" or href="https://stackoverflow.com/questions/1265887/javascript:void" or href="https://stackoverflow.com/questions/1265887/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="https://stackoverflow.com/questions/1265887/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.

More Related Contents:

  1. How to extract the hyper links from a webpage in javascript
  2. Link to a file and javascript simultaneously
  3. How to close current tab in a browser window?
  4. How to change the href attribute for a hyperlink using jQuery
  5. Smooth scrolling when clicking an anchor link
  6. How do I programmatically click a link with javascript?
  7. How do I create a link using javascript?
  8. Open URL in same window and in same tab
  9. How to check if page exists using JavaScript
  10. How to submit a form with JavaScript by clicking a link?
  11. Link inside a button not working in Firefox
  12. Why pass parameters to CSS and JavaScript link files like src=”../cnt.js?ver=4.0″?
  13. How can I detect visited and unvisited links on a page?
  14. How do I add target=”_blank” to a link within a specified div?
  15. Highlight Menu Item when Scrolling Down to Section
  16. change html text from link with jquery
  17. link element onload
  18. Adding an onclick function to go to url in JavaScript?
  19. Can I use a regular expression in querySelectorAll?
  20. Smooth scroll anchor links WITHOUT jQuery
  21. get all the href attributes of a web site [duplicate]
  22. HTML anchor tag with Javascript onclick event
  23. Is there a way to get a element to link to a location without wrapping it in an
  24. How to use a regular expression in querySelectorAll?
  25. Link to chrome:// url from a webpage
  26. using javascript to mark a link as visited
  27. jquery, find div class name at a certain position while scrolling
  28. Is it OK to put JavaScript in Partial Views
  29. Backbone 0.9.9: Difference between listenTo and on
  30. dotenv file is not loading environment variables

Leave a Comment