javascript – document.write error?

by

document.write() is unstable if you use it after the document has finished being parsed and is closed. The behaviour is unpredictable cross-browser and you should not use it at all. Manipulate the DOM using innerHTML or createElement/createTextNode instead.

From the Mozilla documentation:

Writing to a document that has already loaded without calling document.open() will automatically perform a document.open call. Once you have finished writing, it is recommended to call document.close(), to tell the browser to finish loading the page. The text you write is parsed into the document’s structure model. In the example above, the h1 element becomes a node in the document.

If the document.write() call is embedded directly in the HTML code, then it will not call document.open().

The equivalent DOM code would be:

window.onload = function(){
    var tNode = document.createTextNode("TEST");
    document.body.appendChild(tNode);
}

More Related Contents:

  1. onClick Function “this” Returns Window Object
  2. What is wrong with this function
  3. What is the use of the JavaScript ‘bind’ method?
  4. How to run a function when the page is loaded?
  5. How can I call PHP functions by JavaScript?
  6. iFrame src change event detection?
  7. Why can I use a function before it’s defined in JavaScript?
  8. Adding console.log to every function automatically
  9. Extending an Object in Javascript
  10. Calling javascript function in iframe
  11. In Javascript/jQuery what does (e) mean?
  12. Cannot set property ‘innerHTML’ of null
  13. Make function wait until element exists
  14. Javascript: Call a function after specific time period
  15. What html tags support the onload/onerror javascript event attributes?
  16. anchor jumping by using javascript
  17. Is NaN equal to NaN?
  18. Immediate function using JavaScript ES6 arrow functions
  19. $(window).scrollTop() vs. $(document).scrollTop()
  20. ReferenceError and the global object
  21. Difference between screen.availHeight and window.height()
  22. Calling a Javascript Function from Console
  23. What is the JavaScript convention for no operation?
  24. Function and Object Javascript
  25. What happens if I call a function with more arguments than it is defined to accept?
  26. Can you create functions with custom prototypes in JavaScript?
  27. window.opener.focus() doesn’t work
  28. difference between parseInt() and parseFloat() [duplicate]
  29. Is there a way to have an onload callback after changing window.location.href?
  30. Passing a function with arguments as an argument?

Leave a Comment