переключения между страницами сайта (главная, о нас, ) как подключить? js

Вопрос пользователя:

Ответ нейросети:

Для создания переключения между страницами сайта можно использовать JavaScript. Вот пример кода, который позволит вам добавить переключение между главной страницей и страницей "О нас":

Создайте HTML-код для меню навигации:

<ul>
  <li><a href="#" id="home">Главная</a></li>
  <li><a href="#" id="about">О нас</a></li>
</ul>
<div id="content"></div>

Добавьте JavaScript-код для обработки кликов по ссылкам и загрузки соответствующих страниц:

document.getElementById('home').addEventListener('click', function() {
  fetch('home.html')
    .then(response => response.text())
    .then(data => {
      document.getElementById('content').innerHTML = data;
    });
});

document.getElementById('about').addEventListener('click', function() {
  fetch('about.html')
    .then(response => response.text())
    .then(data => {
      document.getElementById('content').innerHTML = data;
    });
});

Создайте отдельные HTML-файлы для главной страницы (home.html) и страницы "О нас" (about.html), содержащие соответствующий контент.

При клике на ссылку "Главная" или "О нас" будет загружаться соответствующая страница без перезагрузки всей страницы. Помните, что для работы с fetch необходимо, чтобы ваш сайт был доступен по протоколу HTTP(S).

Напишите нам, если в вопросе есть ваши персональные данные ([email protected])

document.getElementById('home').addEventListener('click', function() {
  fetch('home.html')
    .then(response => response.text())
    .then(data => {
      document.getElementById('content').innerHTML = data;
    });
});

document.getElementById('about').addEventListener('click', function() {
  fetch('about.html')
    .then(response => response.text())
    .then(data => {
      document.getElementById('content').innerHTML = data;
    });
});

Последние вопросы: