xxxxxxxxxx
// js
<script>
$(function () {
var includes = $('[data-include]')
$.each(includes, function () {
var file = $(this).data('include')
$(this).load(file)
})
})
</script>
// html
<div data-include="header.html"></div>
<div data-include="footer.html"></div>
xxxxxxxxxx
// js
<script>
$(function () {
var includes = $('[data-include]')
$.each(includes, function () {
var file = $(this).data('include')
$(this).load(file)
})
})
</script>
// html
<div data-include="header.html"></div>
<div data-include="footer.html"></div>
https://www.w3schools.com/howto/howto_html_include.asp
xxxxxxxxxx
<!DOCTYPE html>
<html>
<head>
<title>Include HTML File</title>
</head>
<body>
<div id="includedContent"></div>
<script>
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("includedContent").innerHTML = this.responseText;
}
};
xhttp.open("GET", "external.html", true);
xhttp.send();
</script>
</body>
</html>