Вот пример из учебника:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf‐8">
</head>
<body>
<p>Начинаем считать:</p>
<script>
alert( 'Первый кролик!' );
alert( 'Второй кролик!' );
alert( 'Третий кролик!' );
</script>
<p>Кролики посчитаны!</p>
</body>
</html>
Сначала должна выводиться строка "Начинаем считать:"
Потом сообщения с кроликами.
Потом строка "Кролики посчитаны!"
У меня грузятся сначала сообщения, потом на страницу выводится весь html.