How to include js file in another js file? [duplicate]

by

You can only include a script file in an HTML page, not in another script file. That said, you can write JavaScript which loads your “included” script into the same page:

var imported = document.createElement('script');
imported.src="https://stackoverflow.com/path/to/imported/script";
document.head.appendChild(imported);

There’s a good chance your code depends on your “included” script, however, in which case it may fail because the browser will load the “imported” script asynchronously. Your best bet will be to simply use a third-party library like jQuery or YUI, which solves this problem for you.

// jQuery
$.getScript('/path/to/imported/script.js', function()
{
    // script is now loaded and executed.
    // put your dependent JS here.
});

More Related Contents:

  1. How to get camera position with mouse move event and transform into screen coordinates in three.js? [closed]
  2. Updating php values using jquery
  3. Access Java / Servlet / JSP / JSTL / EL variables in JavaScript
  4. Adding console.log to every function automatically
  5. Easy to understand definition of “asynchronous event”? [closed]
  6. How can I auto hide alert box after it showing it? [duplicate]
  7. Alternative or polyfill for Array.from on the Internet Explorer
  8. Is there a way in javascript to detect if the unload event is caused via a refresh, the back button, or closing the browser? [duplicate]
  9. iPad/iPhone browser crashing when loading images in Javascript
  10. HTML – attributes vs properties [duplicate]
  11. Jquery Change Height based on Browser Size/Resize
  12. Can I use ES6’s arrow function syntax with generators? (arrow notation)
  13. Combining regular expressions in Javascript
  14. SVG re-ordering z-index (Raphael optional)
  15. ReactJS – Pass props with Redirect component
  16. Destructuring Nested objects in javascript | Destructure second level parent and child Objects
  17. Node.js app can’t run on port 80 even though there’s no other process blocking the port
  18. What does calling super() in a React constructor do?
  19. How to localize a simple HTML website page in my case?
  20. how to compare two elements in jquery [duplicate]
  21. How can I get sin, cos, and tan to use degrees instead of radians?
  22. Call a function on click event in Angular 2
  23. Using PhantomJS to embed all images of a webpage produces warnings but works
  24. Change value of input and submit form in JavaScript
  25. Angular2 too many file requests on load
  26. How to add bootstrap in angular 6 project? [duplicate]
  27. React: Axios Network Error
  28. In javascript how can we identify whether an object is a Hash or an Array?
  29. How to return only value of a field in mongodb
  30. What is the difference between $(document).ready(function() and $(function() ?

Leave a Comment