How do I load a javascript file dynamically? [duplicate]

by

You cannot embed HTML in Javascript in that way. Basically, what you want is to embed a script element, pointing to a certain javascript file when clicking a button. That can be done with combining events with DOM:

<script type="application/javascript">
function loadJS(file) {
    // DOM: Create the script element
    var jsElm = document.createElement("script");
    // set the type attribute
    jsElm.type = "application/javascript";
    // make the script element load file
    jsElm.src = file;
    // finally insert the element to the body element in order to load the script
    document.body.appendChild(jsElm);
}
</script>
<button onclick="loadJS("https://stackoverflow.com/questions/5235321/file1.js");">Load file1.js</button>
<button onclick="loadJS('file2.js');">Load file2.js</button>

More Related Contents:

  1. Get this error: “Uncaught TypeError: Cannot read property ‘0’ of undefined”
  2. setState doesn’t update the state immediately
  3. How to convert decimal to hexadecimal in JavaScript
  4. Understanding the difference between Object.create() and new SomeFunction()
  5. How do I fix CLIENT_MISSING_INTENTS error?
  6. How to check if a variable is an integer in JavaScript?
  7. How to replace all dots in a string using JavaScript
  8. Function in JavaScript that can be called only once
  9. How to calculate md5 hash of a file using javascript
  10. How to prevent Unicode characters from rendering as emoji in HTML from JavaScript?
  11. Can I run javascript before the whole page is loaded?
  12. Can I pass parameters in computed properties in Vue.Js
  13. Adding additional data to select options using jQuery
  14. Calculating Jday(Julian Day) in javascript
  15. D3 force layout – linking nodes by name instead of index
  16. localStorage access from local file
  17. How to parse JSON string in Typescript
  18. jQuery() not finding elements in jQuery.parseHTML() result
  19. How can I disable all typescript type checking?
  20. Maximum item size in IndexedDB
  21. Responding to the onmousemove event outside of the browser window in IE
  22. React hook useEffect runs continuously forever/infinite loop
  23. MissingSchemaError: Schema hasn’t been registered for model “User”
  24. Only numbers. Input number in React
  25. iframe not reading cookies in Chrome
  26. Split a string, at every nth position, with JavaScript? [duplicate]
  27. Pass Node.js environment variable with Windows PowerShell [duplicate]
  28. What is the new proper way to use a child selector with a context node in jQuery?
  29. Determine if a CSS class exists with Javascript
  30. How to convert a hexadecimal string to Uint8Array and back in JavaScript?

Leave a Comment