базовый курс

ГРУППА КУРСА

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

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

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

HTML код:

+
8
<div>Блок</div>

JavaScript:

10
11
12
13
function isload () {
  alert('Сраница загружена');
  }
document.addEventListener('DOMContentLoaded', isload);

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

HTML код:

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

JavaScript:

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

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