Se il menù deve essere uguale per tutte le pagine, puoi fare così: (anche senza mustache)
codice HTML:
<!-- menu.html -->
<ul>
<li>Home</li>
<li>Galleria</li>
<li>Contatti</li>
</ul>
codice HTML:
<!-- ogni pagina -->
<html>
<head>
...
<script src="main.js">
</head>
<body>
...
<nav id="menu"></nav>
...
</body>
</html>
codice:
// main.js
var xhr = new XMLHttpRequest();
xhr.open("menu.html");
xhr.onreadystatechange = function () {
if (xhr.sttatus === 200) {
if (document.readyState === "complete") {
document.getElementById("menu").innerHTML = xhr.responseText;
} else {
window.addEventListener("load", function () {
document.getElementById("menu").innerHTML = xhr.responseText;
});
}
}
};
xhr.send();