Как перейти на вторую html страницу без перезагрузки?

Есть 2 html файла хотелось чтоб переход был без перезагрузки страницы
  • Вопрос задан
  • 3399 просмотров
Пригласить эксперта
Ответы на вопрос 6
Dnebl
@Dnebl
Ответ написан
Комментировать
xmoonlight
@xmoonlight
https://sitecoder.blogspot.com
Поменять любой контентный кусок на загруженной странице - можно ОДНОЙ функцией с помощью includeHTML.
PS: звёзды приветствуются!
Ответ написан
Комментировать
В основном механизм завязан не сколько на переход, сколько на замену контента. Т.е у вас на каждой странице есть блок с id="page". Вы по нажатию на ссылку, идете по адресу на другую страницу (читай файл) и забираете разметку из такого же id page. Вставляете ее на текущую страницу. И параллельно с этим меняете историю браузера используя History api. Это в общих чертах принцип работы. Но сразу скажу что не смотря на кажущуюся простоту очень много нюансов возникнет именно с историей. Можно использовать для этого готовые инструменты такие как barba js или swup js
Ответ написан
Комментировать
SpiderPigAndCat
@SpiderPigAndCat
занимаюсь салообразованием
ajax
роутинг в js фреймворках
Ответ написан
Комментировать
MayorPlay
@MayorPlay
!developer
В JS фреймах есть роуты, примером может послужить React Router
Ответ написан
Комментировать
@astrodeep
Например сделать на Vue.js-документации полно
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы