history.pushState реалізує сторінку браузера без оновлення зміненого посилання URL

літо · Опубліковано 20.06.2019 10:17:16

1. stateObject - stateObject — це JavaScript-об'єкт, який може передавати stateObject на нову сторінку через метод pushState.

2. Заголовок — майже жоден браузер не підтримує цей параметр, але безпечніше передати порожній рядок.

3. Адреса (URL) — адреса нового запису історії (необов'язкова, якщо не вказана, поточна URL документа); Браузер не завантажує адресу після виклику методу pushState(); Вхідна URL має бути гомологічною до поточної URL, інакше pushState() створює виняток.

Вхід видно.

Маленька покидька · Опубліковано 20.06.2019 10:55:31

Багато фронтенд-фреймворків тепер використовують цю техніку: натискаєте на меню, URL змінюється, і нових мережевих запитів немає.

літо · Опубліковано 20.06.2019 11:24:05

Маленький шлак Опубліковано 20.06.2019 10:55
Сьогодні багато фронтенд-фреймворків використовують цю техніку: клікніть меню, URL змінюється, і немає нових мережевих запитів...

Чи це новий вміст сторінки вже в кеші?

Маленька покидька · Опубліковано 20.06.2019 11:56:00

Літо Опубліковано 2019-6-20 11:24
Чи це новий вміст сторінки вже в кеші?

Ні, це перший запит, весь ключовий контент сторінки вже завантажено, а JS також має концепцію маршрутизації, яка надає різний контент за різними URL-адресами.

[JavaScript] history.pushState реалізує сторінку браузера без оновлення зміненого посилання URL

Переглянуті розділи