базовый курс

ГРУППА КУРСА

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

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

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

HTML код:

+
1
2
3
4
5
6
7
<!DOCTYPE html>
<html>
<head>
<title>Страница</title>
<meta charset="utf-8">
</head>
<body>
8
<div>Блок</div>

JavaScript:

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

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

HTML код:

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

JavaScript:

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

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