Главная страница  /  Занятия  /  #7  /  Работа с событиями при загрузке страницы в JavaScript

Работа с событиями при загрузке страницы в JavaScript

Задание:

Показать, какие события возникают при загрузке страницы и как работать с ними в JavaScript.

HTML–код (index.html):

   <!DOCTYPE html>
   
   <html lang="ru">
   
    <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>Работа с событиями при загрузке страницы в JavaScript</title>
     <script src="scripts.js"></script>
    </head>
   
    <body>
     <p><b>События при загрузке страницы.</b></p>
    </body>
   
   </html>

JS–скрипты (scripts.js):

   window.onload = function()
   {
    alert('Весь документ загружен, включая внешние ресурсы (картинки, стили и т. д.).');
   };
   
   window.onbeforeunload = function()
   {
    return "Есть несохранённые изменения. Всё равно уходим?";
   };
   
   function ready()
   {
    alert('DOM-дерево построено, но внешние ресурсы (картинки, стили и т. д.) могут быть еще не загружены.');
   }
   
   document.addEventListener("DOMContentLoaded", ready);

Результат:

Результат выполнения задания можно посмотреть здесь.