HTML Как ссылаться на внешний код?

163
01 сентября 2018, 13:40

Вопрос такой, что даже и примерно не знаю бывает ли такое))

Суть в том, что у меня многостраничный сайт и на всех страницах имеется одна и та же шапка меню, так вот, можно как то прописать один раз это меню и его свойства в одном файле, а во на всех остальных только ссылаться на него, чтобы оно отображалось?

Мне это нужно для того, чтобы когда мне нужно добавить новые номинации в меню не переписывать 100500 страниц, имеющих эту шапку. И да, что важно, сайт будет находиться локально на компьютере, т.е. не на сервере!

P.s. Я попробовал jQuery и вот мой код:

<div id="a"></div>
 <script>
   $(document).ready(function(){
    alert("Hello");
    $("#a").load("Menu.html");
    });
</script>

И даже эта вещь не работает, почему то... В чем подвох и как вообще можно решить эту задачу?

Answer 1

Посмотрите в сторону шаблонизаторов. Они как раз для этого и созданы, чтобы не переписывать по много раз одно и то же. Создадите базовый шаблон, в котором подключите шапку, подвал и все общие для всех страниц элементы. А уже на каждой странице напишете их индивидуальную часть. Из шаблонизаторов от простого к сложному (по одному из мнений) выбор следующий:

  • Mustache
  • Handlebars
  • Dust
  • Pug
  • И другие (список .
Answer 2

Технически можно использовать iframe т.е. вместо вашего меню вставлять iframe с ссылкой на него. Пример реализации можно глянуть тут - http://ecufa.ru/ (боковушки). Использовать этот способ или нет, уже вам решать.

READ ALSO
бесконечная прокрутка с подключением к API

бесконечная прокрутка с подключением к API

Так как в веб-разработке пару недель, прошу совета

172
Как скрыть часть номера телефона?

Как скрыть часть номера телефона?

Как можно скрыть часть номера телефона (например, последние четыре цифры заменить на X), а при нажатии показать?

204
NHibernate HasMany с коллекцией Id

NHibernate HasMany с коллекцией Id

Нужно настроить маппинг на коллекцию Id в модели

145
Как запустить скрипт python3 в C#?

Как запустить скрипт python3 в C#?

Читал про IronPython, но так и не понял, есть ли там полноценная поддержка python 3Какими способами можно это сделать?

162