Урок 3.4Урок 15 з 24

API браузера

Given a scenario and requirements, utilize browser specific APIs.

Головне

1window — глобальний об'єкт на сторінці; document — завантажена сторінка; через location читають URL, а якщо присвоїти йому новий URL, браузер завантажить ту сторінку.
2history.pushState змінює URL і додає запис в історію без перезавантаження. Після цього переходи «назад» і «вперед» генерують на window подію popstate.
3localStorage зберігає рядки окремо для кожного origin: вони спільні для всіх вкладок і переживають перезапуск браузера; sessionStorage зберігає їх окремо для кожної вкладки, доки її не закриють. Об'єкти зберігайте через JSON.stringify.
4fetch повертає проміс, який відхиляється лише через мережеву помилку або переривання. За статусу 404 чи 500 проміс однаково виконується, тож перевіряйте response.ok.
5setTimeout і setInterval повертають id для clearTimeout і clearInterval. Сигнал AbortController скасовує fetch.

Що перевіряє іспит із цієї теми

Формулювання з програми іспиту (англійською).

3.4.K1window, document, location and history; localStorage and sessionStorage
3.4.K2fetch, timers, and other Web APIs available in the browser but not in the language
3.4.S1Choose the browser API that meets a requirement

Дайте відповідь на запитання за сценаріями з цієї теми. До кожного варіанта є розбір.