Top.Mail.Ru
Ответы

Ссылки на сайте html

подскажите как можно сделать чтобы все ссылки можно было собрать в одном файле а потом просто прикрепить этот файл к страницам, дабы при переименование страницы не переделывать все остальные страницы меняя везде ссылки

По дате
По рейтингу
Аватар пользователя
Гений

Да, можно присоединить как массив javascript из файла


======= files.js======
const fileDescriptions = {
"git-repositories.html": "Хостинги репозиториев",
"bookmarks.html": "Блок закладок не сайт",
"car.html": "Car Shop Database"
};

И разворачиваем его в документе

123456789101112131415161718192021222324252627282930
 <body> 
  <h1>Список файлов:</h1> 
  <ul id="fileList"></ul> 
 
  <script src="files.js"></script> 
  <script> 
    // Определяем базовый адрес файлов 
    const baseUrl = "https://local-disc.web.app/"; 
 
    // Функция для создания ссылок на файлы с описаниями 
    function createFileLinks() { 
      const fileList = document.getElementById('fileList'); 
      // Для каждого имени файла создаем ссылку и добавляем ее в список 
      Object.keys(fileDescriptions).forEach(filename => { 
        const li = document.createElement('li'); 
        const link = document.createElement('a'); 
        link.href = baseUrl + filename;  // Формируем полный адрес файла 
        link.textContent = filename; 
        const description = document.createElement('span'); 
        description.textContent = ' - ' + fileDescriptions[filename]; 
        li.appendChild(link); 
        li.appendChild(description); 
        fileList.appendChild(li); 
      }); 
    } 
 
    // Вызываем функцию создания ссылок после загрузки страницы 
    document.addEventListener('DOMContentLoaded', createFileLinks); 
  </script> 
</body> 

Этот пример там:
https://local-disc.firebaseapp.com/


Это самый тупой говнокод , который можно придумать. Гораздо элегантнее это делается с помощью веб-компонентов. Пример там:
https://bulletproof-password.web.app/toggle-theme.html

Аватар пользователя
Искусственный интеллект

используй импорт txt файла в html

Аватар пользователя
Знаток
123456
 никак
только
менять ссылки
так
как
меняются страницы 


Видео по теме