Skip to main content

Cómo incluir HTML en muchos documentos usando JavaScript

NYSTV - Real Life X Files w Rob Skiba - Multi Language (Junio 2026)

NYSTV - Real Life X Files w Rob Skiba - Multi Language (Junio 2026)
Anonim

Si desea que se copie el mismo contenido en varias páginas de su sitio, con HTML necesitará copiar y pegar manualmente ese contenido. Pero con JavaScript, puede incluir fragmentos de código sin ningún script de servidor.

Usando Javascript para incorporar HTML

  1. Escriba el HTML que desea repetir y guárdelo en un archivo separado.

    Es útil guardar sus archivos de inclusión en un directorio separado, generalmente "incluye". Guarde su información de copyright en un archivo de inclusión como este:

    incluye / copyright.js

  2. Como HTML no es JavaScript, debe agregar el código JS document.write a cada linea

    document.write ("Copyright Jennifer Kyrnin 1992");

  3. Abra la página web donde desea que se muestre el archivo de inclusión.

  4. Busque la ubicación en el HTML donde se debe mostrar el archivo de inclusión y coloque el siguiente código allí:

  5. Cambie la ruta y el nombre del archivo para reflejar su ubicación de archivo de inclusión.

  6. Agregue ese mismo código a cada página en la que desee obtener información de copyright.

  7. Cuando cambie la información de copyright, edite el archivo copyright.js. Una vez que lo hayas cargado, cambiará en cada página de tu sitio.

Consejos y consejos

  • No olvide document.write en cada línea de su HTML en el archivo js. De lo contrario, no funcionará.
  • Puede incluir HTML o texto en un archivo de inclusión de JavaScript. Cualquier cosa que pueda ir en un archivo HTML estándar puede ir en un archivo de inclusión de JavaScript.
  • Puede colocar las aplicaciones de JavaScript en cualquier lugar de su documento HTML, incluida la cabecera.
  • El documento de la página web no mostrará el HTML incluido, solo la llamada a la secuencia de comandos de JavaScript.