Как разделить нижний колонтитул и боковую панель в HTML-шаблон с помощью jquery/ javascript
У меня есть шаблон, который имеет верхний и нижний колонтитулы и боковую панель; Я хочу разделить их на отдельные файлы и включить их в основной шаблон. Ранее я использовал PHP, и это было очень легко сделать include() или же required() функция, но так как я использую node.js вместо PHP, я не знаю, как это сделать.
3 ответа
Решение
<script>
$(document).ready(function (e) {
$( "#header" ).load( "header.html" );
$( "#sidebar" ).load( "sidebar.html" );
$( "#footer" ).load( "footer.html" );
});
</script>
Вы можете использовать jquery для этого.
Я думаю, что делать что-то вроде
<% include ../partials/head %>
по вашему мнению должно работать просто отлично. Вы также можете посмотреть здесь для получения дополнительной информации
Вы можете легко использовать библиотеку W3schools.
добавьте этот скрипт в ваш HTML
<script src="https://www.w3schools.com/lib/w3.js"></script>
Вызовите w3.includeHTML(), чтобы включить HTML:
<script>
w3.includeHTML();
</script>
полный пример
<!DOCTYPE html>
<html>
<script src="https://www.w3schools.com/lib/w3.js"></script>
<body>
<div w3-include-html="content.html"></div>
<script>
w3.includeHTML();
</script>
</body>
</html>