JavaScript – href vs onclick for callback function on Hyperlink

by

bad: 

<a id="myLink" href="https://stackoverflow.com/questions/1070760/javascript:MyFunction();">link text</a>

good: 

<a id="myLink" href="#" onclick="MyFunction();">link text</a>

better: 

<a id="myLink" href="#" onclick="MyFunction();return false;">link text</a>

even better 1: 

<a id="myLink" title="Click to do something"
 href="#" onclick="MyFunction();return false;">link text</a>

even better 2: 

<a id="myLink" title="Click to do something"
 href="https://stackoverflow.com/questions/1070760/PleaseEnableJavascript.html" onclick="MyFunction();return false;">link text</a>

Why better? because return false will prevent browser from following the link

best:

Use jQuery or other similar framework to attach onclick handler by element’s ID.

$('#myLink').click(function(){ MyFunction(); return false; });

More Related Contents:

  1. install flash player automatically with javascript [closed]
  2. Why does Date.parse give incorrect results?
  3. Trigger a keypress/keydown/keyup event in JS/jQuery?
  4. How does the new operator work in JavaScript?
  5. Why does javascript replace only first instance when using replace? [duplicate]
  6. What is returned from a constructor?
  7. Should I write script in the body or the head of the html? [duplicate]
  8. How to wait for a JavaScript Promise to resolve before resuming function?
  9. How do I edit a CSS variable using JS?
  10. Sorting a JSON object in Javascript
  11. Javascript – Generating all combinations of elements in a single array (in pairs)
  12. Decompress gzip and zlib string in javascript
  13. How to pass Ruby variables to a JavaScript function in a Rails view?
  14. What are useful JavaScript methods that extends built-in objects? [closed]
  15. “pointer-events: none” does not work in IE9 and IE10
  16. Using CSS3 Animations in IE9+
  17. Calculating the shortest route between two points
  18. Client/JS Framework for “Unsaved Data” Protection?
  19. Classical Vs prototypal inheritance
  20. How do I move file a to a different partition or device in Node.js?
  21. Access vue instance/data inside filter method
  22. Cross-browser Save As .txt
  23. How to resolve Node.js ES6 (ESM) Modules with the TypeScript Compiler (TSC). TSC doesn’t emit the correct file-ext
  24. How to cancel an image from loading
  25. Add a line of code to ALL functions
  26. How to convert an array into an object in javascript with mapped key-value pairs?
  27. What is the difference between ‘ and ” in JavaScript?
  28. Alternative for innerHTML?
  29. window.open() simply adds the url to my current url
  30. Browser: Uncaught ReferenceError: require is not defined

Leave a Comment