Загрузка страницы, выход со страницы

Событие DOMContentLoaded возникает, когда страница загружена, и DOM сформирована. Страница получила определённые размеры и её можно прокручивать. Событие может возникнуть до загрузки файлов, например изображений. Поэтому когда событие сработало, изображение может быть ещё не загружено, но DOM-объект есть и с ним можно работать.

Обработчик события ставится на document и назначается через метод addEventListener(). Создадим страницу и назначим обработчик события DOMContentLoaded:

HTML код:

<div>Блок</div>

JavaScript:

function IsLoad()
{
  alert('Сраница загружена');
}

document.addEventListener('DOMContentLoaded', IsLoad);

Событие beforeunload возникает при выходе со страницы. Это происходит при переходе по ссылке или закрытии вкладки браузера. Обработчик события ставится на объект window. В обработчике можно приостановить выход со страницы и спросить подтверждение у пользователя. Для этого обработчик должен возвращать строку. Это событие не во всех браузерах работает правильно. Кроме того, в некоторых браузерах вместо текста из скрипта появляется своё сообщение. Добавим на страницу ссылку и назначим обработчик события beforeunload:

HTML код:

<a href="https://yandex.ru">Ссылка</a>

JavaScript:

window.onbeforeunload = function () {
  return 'Выйти со страницы?';
  };

Запустите страницу в разных браузерах и попробуйте выходить со страницы разными способами - переходом по ссылке и закрытием вкладки.