Код, для примера:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<h1>Документ</h1>
<script>
document.onload = function(){console.log('Документ загружен');}
</script>
</body>
</html>
Если сохранить этот код в html файл, а потом открыть его в браузере и посмотреть в DevTools, то там ничего не будет. Я уже нагуглил, что вместо этого можно использовать обработчик
window.onload и что лучше использовать метод
addEventListener.
Вопросы:
1. Почему функция, присвоенная
document.onload не срабатывает? В понимании разработчиков браузеров, документ страницы загружается бесконечно?
2. Зачем нужен обработчик
document.onload, если он не работает?
3. Насколько правильно вешать функцию на обработчик события
window.onload или
window.addEventListener('load',function(){...})? Есть ли какие-нибудь альтернативы или более правильный подход выполнить действия, когда все ресурсы на странице загрузятся?
с точки зрения синтаксиса JS все верно ты просто создал функцию с именем document.onload 
@Drovosek01, так оно и не выведет ничего. Да и не должно ведь там функция только присваивается. сделайте ее вызов document.onload() и получите вывод 'Документ загружен'.