En el desarrollo de sitios web, el uso de un encabezado y pie de página común proporciona una apariencia y una estructura de navegación consistentes para cada página. Al hacerlo, se reduce la duplicación de código y se simplifica el mantenimiento. En JavaScript, podemos lograr este objetivo utilizando la modularidad.
La modularización es un método de desarrollo que divide el código en módulos independientes. En este caso, podemos crear un módulo de encabezado y un módulo inferior y luego hacer referencia a ellos en cada página. El siguiente es un ejemplo de proceso de implementación:
Primero, cree un header.jsarchivo JavaScript llamado que defina el contenido del módulo de encabezado. En este archivo, puede escribir la estructura HTML y el estilo del encabezado, así como cualquier lógica de JavaScript relacionada con el encabezado. Por ejemplo:
// header.js
const header = document.createElement('header');
header.innerHTML = '<h1>网站标题</h1><nav>&l