Todavía soy un principiante en Javascript y me pregunto si puedo usar innerHTML para publicar todo el contenido HTML desde otra página. He usado innerHTML para simplemente publicar un código HTML dentro de la misma página .js. Por ejemplo:
Tengo main.js que contiene esto
class MyComponent extends HTMLElement { connectedCallback() { this.innerHTML = `<h1>Hello world</h1>`; } } customElements.define('my-component', MyComponent);y en index.html uso este código para implementar main.js
<!doctype html> <html lang="en"> <head> <script type="application/javascript" src="js/main.js"></script> </head> <body> <my-component></my-component> </body> </html> La pregunta es ¿puedo incluir una página HTML en lugar de <h1>Hello world</h1> como header.html para obtener el código HTML completo? si no, ¿hay alguna forma de hacerlo? Gracias.
Editar: quiero decir, por ejemplo, si tengo una página llamada footer.html y en esa página, tengo un h1 ex. "Hola mundo" Y necesito usar el mismo h1 en otra página index.html sin volver a escribirlo. ¿Puedo hacer que h1 sea una plantilla para usar en cualquier otra página usando javascript? Mi idea que estaba buscando es:
Puedes hacer eso con AJAX. Establezca una URL para ese archivo y realice una solicitud de obtención con AJAX.
Usando JQUERY
$.get("file_path.html", function(fileText){});Puedes probar:
document.body.innerHTMLpara acceder al contenido de la página.