Dynamically loading JavaScript synchronously

by

There is only one way to synchronously load and execute a script resource, and that is using a synchronous XHR

This is an example of how to do this

// get some kind of XMLHttpRequest
var xhrObj = createXMLHTTPObject();
// open and send a synchronous request
xhrObj.open('GET', "script.js", false);
xhrObj.send('');
// add the returned content to a newly created script tag
var se = document.createElement('script');
se.type = "text/javascript";
se.text = xhrObj.responseText;
document.getElementsByTagName('head')[0].appendChild(se);

But you shouldn’t in general use synchronous requests as this will block everything else.
But that being said, there are of course scenarios where this is appropriate.

I would probably refactor the containing function into an asynchronous pattern though using an onload handler.

More Related Contents:

  1. I want to change Javascript Font , Size and to be Bold
  2. Filter an array of object based on weekly filters and return each week data
  3. How to create an accurate timer in javascript?
  4. Allow Google Chrome to use XMLHttpRequest to load a URL from a local file
  5. Long processing time likely due to getValue and cell inserts
  6. Why JavaScript treats a number as octal if it has a leading zero
  7. AngularJS – Any way for $http.post to send request parameters instead of JSON?
  8. Closure in JavaScript – whats wrong?
  9. Difference between npx and npm?
  10. Create array of unique objects by property
  11. What are cookies and sessions, and how do they relate to each other?
  12. What is difference between width, innerWidth and outerWidth, height, innerHeight and outerHeight in jQuery
  13. How can I mock the JavaScript window object using Jest?
  14. Why the onclick element will trigger twice for label element
  15. convert Hsl to rgb and hex
  16. Slowdown due to non-parallel awaiting of promises in async generators
  17. How can I get city name from a latitude and longitude point?
  18. Syntax error – Support for the experimental syntax ‘decorators-legacy’ isn’t currently enabled
  19. Javascript – No ‘Access-Control-Allow-Origin’ header is present on the requested resource
  20. “elseif” syntax in JavaScript
  21. Call a JavaScript function name using a string?
  22. Convert string array to array in javascript
  23. Converting an array to a function arguments list [duplicate]
  24. Can you use both the async and defer attributes on a HTML tag?
  25. Round a Date() to the nearest 5 minutes in javascript
  26. How to search for a string inside an array of strings
  27. XMLHttpRequest 206 Partial Content
  28. Failed to execute ‘pushState’ on ‘History’ error when using window.history.pushState function
  29. Uncaught Typeerror: cannot read property ‘innerHTML’ of null
  30. Javascript event handler order

Leave a Comment