How to load javascript code to an html file at runtime?

by

Paste this within onclick of that button (correct the url in 3rd line):

var script = document.createElement("script");
script.setAttribute("type", "text/javascript");
script.setAttribute("src", "url to the script file here");
document.getElementsByTagName("head")[0].appendChild(script);

That script will start being downloaded immediately after line 4 is executed, and as soon as it’s downloaded it’ll execute or otherwise be usable.

More Related Contents:

  1. I am missing something [closed]
  2. Making new array and push there keys on that new array [closed]
  3. How do I access the link to the content? [closed]
  4. `export const` vs. `export default` in ES6
  5. JavaScript seconds to time string with format hh:mm:ss
  6. Get the time difference between two datetimes
  7. Check if a JavaScript string is a URL
  8. How do I get jQuery to select elements with a . (period) in their ID?
  9. How to identify if a webpage is being loaded inside an iframe or directly into the browser window?
  10. How can I match multiple occurrences with a regex in JavaScript similar to PHP’s preg_match_all()?
  11. Pass vars to JavaScript via the SRC attribute
  12. utf-8 word boundary regex in javascript
  13. Javascript – return string between square brackets
  14. Which Edition of ECMA-262 Does Google Apps Script Support?
  15. Get caret position in HTML input?
  16. How to send email by using javascript or jquery
  17. How can i export socket.io into other modules in nodejs?
  18. Code with classList does not work in IE?
  19. JSLint is suddenly reporting: Use the function form of “use strict”
  20. Javascript library for human-friendly relative date formatting [closed]
  21. Using spread operator multiple times in javascript?
  22. How to choose a weighted random array element in Javascript?
  23. Date difference in Javascript (ignoring time of day)
  24. Vuejs typescript this.$refs..value does not exist
  25. Is the “async” attribute/property useful if a script is dynamically added to the DOM?
  26. Environment detection: node.js or browser
  27. Whats the difference between using a class and interface?
  28. In the `import` syntax of ES6, how is a module evaluated exactly?
  29. Close react native modal by clicking on overlay?
  30. Portability of nextElementSibling/nextSibling

Leave a Comment