Очищает ли document.body.innerHTML = веб-страницу?

document.body.innerHTML = ''; очищает body, да. Но он очищает innerHTML, как на момент запуска кода. Когда вы запускаете код до того, как изображения и скрипт фактически находятся в body, он пытается очистить body, но очищать нечего.

Если вы хотите очистить body, вы должны запустить код после того, как body будет заполнено содержимым. Вы можете сделать это, либо поместив блок <script> в качестве последнего потомка блока body, чтобы все загружалось до запуска кода, либо вам нужно каким-то образом прослушивать событие dom:loaded.

Чтобы разъяснить ответ Доувэма, в теге script поместите свой код в загрузку:

<script type="text/javascript">
    window.onload=function(){
       document.body.innerHTML = "";
    }
</script>

Соглашаясь с ответами Доуве Маана и Эрика, здесь есть еще несколько вещей, которые могут оказаться полезными.

Во-первых, внутри ваших тегов head вы можете ссылаться на отдельный файл JavaScript, который затем можно использовать повторно:

<script language="JavaScript" src="/common/common.js"></script>

где common.js — это файл вашей многократно используемой функции в каталоге верхнего уровня с именем common.

Во-вторых, вы можете отложить выполнение скрипта с помощью setTimeout, например:

setTimeout(someFunction, 5000);

Второй аргумент в миллисекундах. Я упоминаю об этом, потому что вы, похоже, пытаетесь что-то отложить в исходном фрагменте кода.

Как говорили другие, простое решение — поместить ваш скрипт внизу страницы, потому что все элементы DOM загружаются синхронно сверху вниз. В противном случае, я думаю, что вы ищете document.onload(() => {callback_body}) или window.onload(() => {callback_body}), как сказал Эрик. Это позволяет вам выполнять ваш скрипт, когда событие dom:loaded запускается, как сказал Доуве Маан. Не уверен насчет свойств window.onload, но document.onload запускается только после загрузки всех элементов, css и скриптов. В твоем случае:

<script type="text/javascript">
    document.onload(() =>
        document.body.innerHTML = "";
    )
</script>

или, если вы используете старый браузер:

<script type="text/javascript">
    document.onload(function() {
        document.body.innerHTML = "";
    })
</script>

Я не уверен, чего вы пытаетесь достичь, но вы можете рассмотреть возможность использования jQuery, который позволяет поместить ваш код в тег заголовка или отдельный файл сценария и по-прежнему выполнять код после загрузки DOM.

Затем вы можете сделать что-то вроде:

$(document).ready(function() {
$(document).remove();
});

а также выборочное удаление элементов (все DIV, только DIV с определенными классами и т.д.)

Использование document.body.innerHTML = ''; действительно работает! Просто говорю, что при использовании HTML (DOM или на function) вы можете использовать
document.writeln('');, но только onClick или onDoubleClick :)

Я очищаю экран, используя функцию, которая

var clear_body = function (){
    var lista = document.body.childNodes;
    for (var i = lista.length - 1; i >= 0 ;i--){
        document.body.removeChild(lista[i])
    }
}