HTML5 - История API

Question

HTML5 - История API

1

Когда вы ищете способ изменить страницу, не обновляя весь контент, я узнал API истории.

По-видимому, можно сделать ссылку, которая изменит часть страницы и повлияет на историю. Например, эта ссылка может отправить меня с myaddress.com на myaddress.com/page.html по этой ссылке и обновить только подстраницу.

Но как я могу получить url myadress.com/page.html перейти прямо на нужную страницу со всем содержимым вне подстраницы?

Следующая демо (не моя) делает замену содержимого, но не маршрутизацию URL, например: https://html5demos.com/history/

Я хотел бы избегать перезаписи URL и jquery, если это возможно.

vcuongvu 22 июнь 2017, в 13:40

Источник

Теги:

javascript

html5

url-routing

html5-history

1 ответ

Ещё вопросы

Quentin · Accepted Answer · 2017-06-22T09-20-00.000Z

Точно так же вы бы это сделали, если бы использовали обычную ссылку и вообще не использовали JavaScript.

Как правило, это связано с языком на стороне сервера с шаблоном (так что вы можете избежать дублирования содержимого (например, меню), которое разделяется между страницами.

Однако вы можете создавать статические HTML файлы.

Вы имеете в виду, например, добавив require_once в подстраницу? Разве это не значит, что вся страница перезагружается?
«Вы имеете в виду, например, добавив require_once в подстраницу?» - это был бы один из способов включить общий контент на несколько страниц.
"Разве это не значит, что вся страница перезагружается?" - Нет. Когда вы обновляете страницу с помощью JS, вы должны просто обновить другой контент. Вы должны загружать все целиком, только если вы загружаете страницу с нуля (то есть, посещая URL-адрес напрямую, а не через pushState )
Хорошо, большое спасибо, я сделаю это.