Difference between obtrusive and unobtrusive javascript

by

No javascript in the markup is unobtrusive:

Obtrusive:

<div onclick="alert('obstrusive')">Information</div>

Unobtrusive:

<div id="informationHeader">Information</div>

window.informationHeader.addEventListener('click', (e) => alert('unobstrusive'))

More Related Contents:

  1. window.onload vs $(document).ready()
  2. What is Unobtrusive Javascript in layman terms? [closed]
  3. How to check browser for touchstart support using JS/jQuery?
  4. Why inline JavaScript is bad?
  5. can’t submit multiple onChange AJAX request
  6. Script says Undefined
  7. Why don’t self-closing script elements work?
  8. Create an object with dynamic property names [duplicate]
  9. Sum similar keys in an array of objects
  10. Prevent execution of parent event handler
  11. Copy array items into another array
  12. Detecting arrow key presses in JavaScript
  13. let keyword in the for loop
  14. Does HTML5/Canvas Support Double Buffering?
  15. How to search JSON tree with jQuery
  16. Reading response headers with Fetch API
  17. Vue JS: Difference of data() { return {} } vs data:() => ({ })
  18. nodejs, multer, aws S3
  19. Fast way to get the min/max values among properties of object
  20. Add a link stylesheet dynamically in the [closed]
  21. Saving files locally with electron
  22. Highlight word in HTML text (but not markup)
  23. How to draw a vector path progressively? (Raphael.js)
  24. iphone/ipad triggering unexpected resize events
  25. How do you dynamically create a radio button in Javascript that works in all browsers?
  26. d3.js spreading labels for pie charts
  27. Load external JS from bookmarklet?
  28. javascript TypeError: document.getElementsByTagName(“p”)[0].innerHtml is not a function
  29. Shrinking font-size at a user types to fit in an input using Javascript
  30. Cypress IO- Writing a For Loop

Leave a Comment