Я редактирую около 60 html-файлов вручную и хочу включать одинаковый верхний и нижний колонтитулы в каждом файле. Для целей технического обслуживания я хочу иметь возможность обновлять верхний и нижний колонтитулы на всех страницах одновременно по мере необходимости. Я думаю, что старомодный способ сделать это – использовать фреймы, а новый – PHP.
Проблема в том, что мне нужно поддерживать текущую структуру URL-адреса сайта, а все текущие страницы имеют расширение .html, которое, кажется, запрещает использование PHP без изменения настроек сервера.
Я нашел этот ответ ( сделайте файлы заголовка и нижнего колонтитула включенными на несколько html-страниц ), которые предложили использовать jquery, но код для меня не работает.
Я застрял редактирование каждого файла вручную с каждым обновлением заголовка / нижнего колонтитула?
Функция load() jQuery может использоваться для включения общих верхних и нижних колонтитулов. Код должен выглядеть так:
<script> $("#header").load("header.html"); $("#footer").load("footer.html"); </script>
Проверьте следующий URL-адрес:
http://phpsmashcode.com/tips-and-tricks/include-common-files-in-html
Или вы можете использовать AJAX для загрузки общих верхних и нижних колонтитулов:
$.get('header-menu.html', {}, function(response) { $('div#nav').append(response); }); $.get('footer.html', {}, function(response) { $('div#footer').append(response); });
Он загрузит нижний колонтитул и заголовок в следующие <div> s соответственно:
<div id="nav"></div> <div id="footer"></div>