У меня есть главная html-страница (index.html), и мне нужно построить эту страницу, динамически комбинируя несколько html файлов (custom_header_page.html/custom_content_page.html/custom_footer_page.html)
.
Я ищу способ сделать это без каких-либо скриптов на стороне сервера.
Например:
custom_header_page.html
custom_body_page.html
custom_footer_page.html
Просто устал со следующим в файле index.html и да, он загружается правильно, но я хочу переопределить содержимое <head> </head>
моего index.html с тем, что я добавил в файле "custom_header.html".
index.html
<html>
<head>
<script src="/jquery.min.js" type="text/javascript"> </script>
<title>Title</title>
</head>
<body>
<div id="custom_header"></div>
<div id="custom_body"></div>
<div id="custom_footer"></div>
<script>
$(function(){
$("#custom_header").load("custom_header_page.html");
$("#custom_body").load("custom_body_page.html");
$("#custom_footer").load("custom_footer_page.html");
});
</script>
</body>
Вы не можете редактировать файлы без использования серверной части, такой как php, вы можете редактировать заголовки html с помощью jquery, но это будет только в локальном браузере, это не изменится для всех остальных.