What damage is done by document.write()? [duplicate]

by

Use of document.write() will break a web page – destroying and overwriting the entire DOM – if it’s called after the document has finished being parsed. This is considered a poor use of document.write() and is/was the reason for criticism of a lot of older scripts. 

window.onload = function ()
{
    document.write("Oops!");
}

Generally though, it’s acceptable and rather widely used at parse-time to add something dynamically to the page in a synchronous manner:

<div>
  <script type="text/javascript">
  document.write("Well I'll be, your browser supports JavaScript!");
  </script>
</div>

It’s mostly used by ad publishing services for adding the advertisements to a page, some Google APIs also use it.

More Related Contents:

  1. Parse an HTML string with JS
  2. jQuery document.createElement equivalent?
  3. When should I use jQuery’s document.ready function?
  4. How to check in Javascript if one element is contained within another
  5. How do I replace text inside a div element?
  6. How to bind bootstrap popover on dynamic elements
  7. getElementsByName in IE7
  8. DOMNodeInserted equivalent in IE?
  9. Chrome extension adding external javascript to current page’s html
  10. JavaScript: DOM load events, execution sequence, and $(document).ready()
  11. Difference between .tagName and .nodeName
  12. How to retrieve the element where a contextmenu has been executed
  13. HTML Table with vertical rows
  14. How to move table row in jQuery?
  15. How to check if DOM is ready without a framework?
  16. JavaScript NodeList
  17. How AJAX is done in github source browse?
  18. Select div using wildcard ID
  19. Is it the last `script` element the currently running script?
  20. Is there a difference between `new Image()` and `document.createElement(‘img’)`?
  21. How to generate unique css selector for DOM element?
  22. getElementById returning value only for first element [closed]
  23. querySelector vs. getElementById [closed]
  24. React, losing saved data in localStorage with useEffect after page refresh
  25. How browser executes Javascript and renders asynchronously
  26. How to properly unload/destroy a VIDEO element
  27. How to get element by class name
  28. How to do a wildcard element name match with “querySelector()” or “querySelectorAll()” in JavaScript?
  29. Getting width & height of an image with filereader
  30. Replacement for deprecated `keypress` DOM event

Leave a Comment