Using HTML script tags to code while they have a source

by

A script element loads a single script.

It can do that from either a URL or from inline, but it still loads one script; it can’t use both types of source at the same time.

If you try to include both, the inline script will be ignored:

<script src="example.js">
    this_is_ignored();
</script>

… so you need multiple script elements.

<script src="example.js">
</script>
<script>
    this_is_NOT_ignored();
</script>

It is worth noting that the content of the script element will still exist in the DOM, so some people use it to store data in it which the JS referenced by the src will read. data-* attributes are (arguably) a cleaner approach to that though.

More Related Contents:

  1. Is there any way keep part of my code in a seperate document? [closed]
  2. What is wrong with this basic Javascript code? [closed]
  3. How can you programmatically tell an HTML SELECT to drop down (for example, due to mouseover)?
  4. How do you read CSS rule values with JavaScript?
  5. Convert json data to a html table [closed]
  6. HTML5 Local storage vs. Session storage
  7. Placeholder in IE9
  8. how to save canvas as png image?
  9. Changing nav-bar color after scrolling?
  10. How to maintain a WebSockets connection between pages?
  11. HTML input type=”number” still returning a string when accessed from javascript
  12. Checkbox Check Event Listener
  13. Is there any “on DOM change” event? [duplicate]
  14. event.offsetX in Firefox
  15. How to select all text in contenteditable div?
  16. shorthand http:// as // for script and link tags? anyone see / use this before?
  17. ‘img-src’ was not explicitly set, so ‘default-src’ is used as a fallback
  18. Finding number of lines in an html textarea
  19. How do I determine if a checkbox is checked?
  20. Impossible to hide navigation bars in Safari iOS 7 for iPhone/iPod touch
  21. Trigger a button click inside an iframe [duplicate]
  22. How to determine if user selected a file for file upload?
  23. how to auto select an input field and the text in it on page load
  24. Generating sound on the fly with javascript/html5
  25. Disabling enter key for form
  26. Load HTML template with JavaScript
  27. Call Library function from html with google.script.run
  28. onclick calling hide-div function not working
  29. Are dynamically inserted tags meant to work?
  30. Owl Carousel Won’t Autoplay

Leave a Comment