javascript - change - html script src
Procesamiento parcial en HTML/JavaScript (4)
Intento aclarar lo que quiero hacer. Tengo algunos archivos HTML, y cada uno de ellos quiero representar parcialmente en otro archivo HTML, por ejemplo, header.html y footer.html para observar el concepto DRY.
Los archivos HTML deberían verse así:
<!--render header.html-->
<div>
Content
</div>
<!--render footer.html-->
¿Cómo puedo hacer eso?
Si está buscando una solución solo para el cliente que sea html / js solo debería echar un vistazo a AngularJS y su sintaxis ngInclude .
Si está utilizando la programación del lado del servidor, puede usar la inclusión del lado del servidor si su archivo host es un archivo HTML y luego puede usar la etiqueta SCRIPT html para incluir los archivos header.html y footer.html. Sin embargo, no estoy seguro de lo que realmente quiere decir al representar parcialmente un archivo HTML.
Si solo estás usando HTML plano y Javascript, puedes incluir jQuery y usar una solicitud AJAX para cargar el contenido de otra página HTML en tu página principal.
Eche un vistazo a la función ''load ()'' de jQuery aquí:
Asumiendo que tienes el siguiente html:
<div id="header"></div>
<div id="content"></div>
<div id="footer"></div>
su uso se vería algo como esto:
$(''#header'').load(''header.html'');
$(''#footer'').load(''footer.html'');
Aquí hay un enlace (el primero de Google que podría agregar) que explica cómo hacerlo en varios idiomas.
También tenga en cuenta que algunos IDE se encargan de esto por usted. Dreamweaver es un ejemplo; En ASP.NET hay páginas maestras; y así.
PHP:
<?php
require($DOCUMENT_ROOT . "path to file/include-file.html");
?>
ÁSPID:
<!--#include file="path to file/include-file.html"-->
JS:
JavaScript es otra forma de incluir HTML en las páginas de su sitio. Esto tiene la ventaja de no requerir programación a nivel de servidor. Pero es un poco más complicado que los métodos de inclusión a nivel de servidor.
Guarde el HTML para los elementos comunes de su sitio en un archivo JavaScript. Cualquier HTML escrito en este archivo debe imprimirse en la pantalla con la función document.write.
Use una etiqueta de script para incluir el archivo JavaScript en sus páginas.
<script type = "text / javascript" src = "ruta al archivo / include-file.js">- Use ese mismo código en cada página que desee incluir el archivo.
TENGA EN CUENTA que la versión JS NO es ideal.
1. JS puede estar deshabilitado o no disponible en el navegador.
2. La página no se procesará / cargará de una vez.
Además, no creo que DRY realmente cuente para esto. Considere usar un IDE que creará plantillas de página para usted (como Dreamweaver, por ejemplo).
Si eres lo suficientemente valiente (y un poco anticuado) y no puedes usar ninguno de los anteriores, considera usar un iframe para tu contenido:
<html>
<body>
<div>my header</div>
<iframe src="mycontent.html" />
<div>my fooder</div>
</body>
</html>
RENUNCIA
Preferiría cortar mis propias manos que implementar el enfoque iframe o JS. Preste mucha atención a si realmente NECESITA hacer esto.