onclick=”javascript:func()” vs. onclick=”func()” [duplicate]

by

javascript: inside an onwhatever="" handler is a no-op. The content of this attribute is always JavaScript so javascript: defines a label – but outside of a switch block or a loop (where you can use it to break/continue to the position of the label) it does nothing.

However, using inline event handlers is discouraged, there are better ways to register event handlers.

While not mentioned in the question, it’s worth noting that using javascript: in the href attribute does work (and in there it is actually necessary) but is highly discouraged for various reasons:

  • this does not point to the element
  • Calling a function returning a value causes the browser to leave the site
  • Clicking the link with disabled JavaScript breaks
  • Trying to open the link in a new window/tab breaks

So, if you really have to use inline events, always use onclick="" etc. without javascript:.

More Related Contents:

  1. Switching to the new function writing format
  2. $(document).ready equivalent without jQuery
  3. How to get a word under cursor using JavaScript?
  4. Listening for variable changes in JavaScript
  5. Do you need text/javascript specified in your tags?
  6. How to get background image URL of an element using JavaScript?
  7. JS replace not working on string [duplicate]
  8. How to stop babel from transpiling ‘this’ to ‘undefined’ (and inserting “use strict”)
  9. What is the difference between setTimeout(fn, 0) and setTimeout(fn, 1)?
  10. javascript – How to make this code work? [duplicate]
  11. How to access object property with invalid characters
  12. Userscript to wait for page to load before executing code techniques?
  13. Difference of calling a function with and without parentheses in JavaScript
  14. How can I tell if a browser supports
  15. res.download() not working in my case
  16. Access index of the parent ng-repeat from child ng-repeat
  17. Phantomjs page.content isn’t retrieving the page content
  18. React Hooks Error: Hooks can only be called inside the body of a function component
  19. Why doesn’t document.addEventListener(‘load’, function) work in a greasemonkey script?
  20. How to remove leading and trailing white spaces from a given html string?
  21. Solve Cross Origin Resource Sharing with Flask
  22. HTML anchor tag with Javascript onclick event
  23. MongooseServerSelectionError: connect ECONNREFUSED ::1:27017
  24. Iterating over every property of an object in javascript using Prototype?
  25. Node.js – wait for multiple async calls
  26. Using image.complete to find if image is cached on chrome?
  27. Javascript reflection: Get nested objects path
  28. Is possible to save JavaScript variable as file? [duplicate]
  29. FlatList renderItem is called multiple times
  30. How can I force input to uppercase in an ASP.NET textbox?

Leave a Comment