Remove all content using pure JS

by

I think a browser rightfully assumes a page with content-type text/html will always be a web page – so whilst you may do something like…

document.body.innerHTML = '';

It will still have some HTML hanging around.

You could try…

document.documentElement.innerHTML = '';

…which left me with <html></html>.

Yi Jiang did suggest something clever.

window.location = 'about:blank';

This will take you to a blank page – an internal mechanism provided by most browsers I believe.

I think however the best solution is to use document.open() which will clear the screen.

More Related Contents:

  1. Is it possible to append to innerHTML without destroying descendants’ event listeners?
  2. Show/hide ‘div’ using JavaScript
  3. Why is “element.innerHTML+=” bad code?
  4. Can scripts be inserted with innerHTML?
  5. Javascript – Append HTML to container element without innerHTML
  6. React.js: Set innerHTML vs dangerouslySetInnerHTML
  7. Add/remove HTML inside div using JavaScript
  8. Change label text using JavaScript
  9. Append HTML to container element without innerHTML
  10. JQuery html() vs. innerHTML
  11. reading innerHTML of HTML form with VALUE attribute (& its value) of INPUT tags
  12. Get the longest text in HTML document using Jquery or javascript
  13. Hide/Show image on one click [closed]
  14. How to move an element into another element?
  15. Transfer data from one HTML file to another
  16. jQuery: Get selected element tag name
  17. HTML anchor link – href and onclick both?
  18. What is the meaning of polyfills in HTML5?
  19. Download textarea contents as a file using only Javascript (no server-side)
  20. Change text color based on brightness of the covered background area?
  21. Invert text color on mouse hover
  22. HTML5 audio playlist – how to play a second audio file after the first has ended?
  23. HTML5 drag and drop folder detection in firefox. Is it even possible?
  24. Is it possible to do mathematics inside CSS?
  25. Adding click event for a button created dynamically using jQuery [duplicate]
  26. New Webkits convert decimal comma to ~ dot and vice versa in number-type inputs. Javascript name of that browser feature?
  27. HTML Canvas Full Screen
  28. How to hide optgroup/option elements?
  29. When to access the attribute (vs the property)?
  30. How to save and edit a file using JavaScript?

Leave a Comment