How can I include all JavaScript files in a directory via JavaScript file?

by

In general, this is probably not a great idea, since your html file should only be loading JS files that they actually make use of. Regardless, this would be trivial to do with any server-side scripting language. Just insert the script tags before serving the pages to the client.

If you want to do it without using server-side scripting, you could drop your JS files into a directory that allows listing the directory contents, and then use XMLHttpRequest to read the contents of the directory, and parse out the file names and load them.

Option #3 is to have a “loader” JS file that uses getScript() to load all of the other files. Put that in a script tag in all of your html files, and then you just need to update the loader file whenever you upload a new script.

More Related Contents:

  1. jQuery.getScript alternative in native JavaScript
  2. Can I prevent history.popstate from triggering on initial page-load?
  3. Modulo operator
  4. Ajax cannot get success or error
  5. How can I override the OnBeforeUnload dialog and replace it with my own?
  6. jQuery how to bind onclick event to dynamically added HTML element [duplicate]
  7. jQuery to loop through elements with the same class
  8. Get the index of the object inside an array, matching a condition
  9. Using jQuery, Restricting File Size Before Uploading
  10. how to make a jquery “$.post” request synchronous [duplicate]
  11. Getting Error “Form submission canceled because the form is not connected”
  12. Parsing CSS in JavaScript / jQuery
  13. jQuery convert line breaks to br (nl2br equivalent)
  14. How to open a file / browse dialog using javascript?
  15. Ajax success event not working
  16. CSS media queries and jQuery window .width() do not match
  17. Rotate image with javascript
  18. Responsive horizontal page sliding
  19. Embed HTML5 YouTube video without iframe?
  20. jQuery call function from a string [duplicate]
  21. how to resolve iframe cross domain issue [duplicate]
  22. Uncaught ReferenceError: $ is not defined error in jQuery
  23. Waiting for dynamically loaded script
  24. How to disable mouseout events triggered by child elements?
  25. Jquery Ajax beforeSend and success,error & complete
  26. How can I stop jQuery.ajax() from logging failures to the console?
  27. Twitter bootstrap progress bar animation on page load
  28. Open fancybox from function
  29. How to add Rowspan in JQuery datatables
  30. Cropping with drawImage not working in Safari

Leave a Comment