Execute write on doc: It isn’t possible to write into a document from an asynchronously-loaded external script unless it is explicitly opened.

by

An asynchronously loaded script is likely going to run AFTER the document has been fully parsed and closed. Thus, you can’t use document.write() from such a script (well technically you can, but it won’t do what you want).

You will need to replace any document.write() statements in that script with explicit DOM manipulations by creating the DOM elements and then inserting them into a particular parent with .appendChild() or .insertBefore() or setting .innerHTML or some mechanism for direct DOM manipulation like that.

For example, instead of this type of code in an inline script:

<div id="container">
<script>
document.write('<span style="color:red;">Hello</span>');
</script>
</div>

You would use this to replace the inline script above in a dynamically loaded script:

var container = document.getElementById("container");
var content = document.createElement("span");
content.style.color = "red";
content.innerHTML = "Hello";
container.appendChild(content);

Or, if there was no other content in the container that you needed to just append to, you could simply do this:

var container = document.getElementById("container");
container.innerHTML = '<span style="color:red;">Hello</span>';

More Related Contents:

  1. Asynchronous Process inside a javascript for loop [duplicate]
  2. How can I get jQuery to perform a synchronous, rather than asynchronous, Ajax request?
  3. async/await always returns promise
  4. Callback after all asynchronous forEach callbacks are completed
  5. How can I create an Asynchronous function in Javascript?
  6. Are all javascript callbacks asynchronous? If not, how do I know which are?
  7. Asynchronous exception handling with bluebird promises
  8. How to return values from async functions using async-await from function? [duplicate]
  9. How to “await” for a callback to return?
  10. nodeJs callbacks simple example
  11. What is the difference between JavaScript promises and async await?
  12. What the difference of this.state and this.setstate in ReactJS?
  13. How to run function in AngularJS controller on document ready?
  14. Promise vs setTimeout
  15. How to wrap async function calls into a sync function in Node.js or Javascript?
  16. Are all Node.js callback functions asynchronous?
  17. Best way to retrieve Firebase data and return it, or an alternative way
  18. using async await and .then together
  19. How to implement a pseudo blocking async queue in JS/TS?
  20. Node js socket explanation
  21. Async function in mocha before() is alway finished before it() spec?
  22. Can you use both the async and defer attributes on a HTML tag?
  23. javascript – document.write error?
  24. javascript – Why is there a spec for sync and async modules?
  25. Why is node.js asynchronous?
  26. Is async await truly non-blocking in the browser?
  27. How to use the ‘main’ parameter in package.json?
  28. Is there a way to have an onload callback after changing window.location.href?
  29. Load javascript async, then check DOM loaded before executing callback
  30. JS async/await – why does await need async?

Leave a Comment