Como poner un menu en el resto de paginas

[Rafael]

A ver, me encontré una cosa interesante.

Poner menús en JavaScript es no lo óptimo, pero tal vez para este caso, para un uso muy local sí sea una fácil opción.

Una complicación es que en general no se puede poner varias líneas dentro del JavaScript, pero hay un tipo de variable que sí permite poner varias líneas.


Puedes generar un archivo menu.js con esto dentro:

Código Javascript:

var menu = `
  <div>
    <h1>Este texto está contenido en el JavaScript.</h1>
    <p>También dentro del JavaScript.</p>
  </div>
`;
 

Tiene una comilla especial que permite multilínea.

Y en cada página agrega un par de líneas:

En el head:

Código HTML:

<script src="menu.js"></script>
 

Y donde quieras que vaya el menú

Código HTML:

<div id="demo"></div>
<script>
document.getElementById("demo").innerHTML = menu;
</script>
 

Así podrás actualizar fácilmente el menú en un sólo archivo. Te cuidado con el uso de comillas.

Y bueno, releyendo, si sólo es para tí, y no para un sitio web en forma, tal vez la opción de Torudo no está "tan" mal.