W3.JS HTML Incluye
Incluya un archivo HTML:
w3.includeHTML()
el html
Guarde el HTML que desea incluir en un archivo .html:
contenido.html
<a href="https://www.w3schools.com/html/">HTML</a><br>
<a
href="https://www.w3schools.com/css/">CSS</a><br>
<a
href="https://www.w3schools.com/bootstrap/">Bootstrap</a><br>
<a
href="https://www.w3schools.com/js/">JavaScript</a><br>
<a
href="https://www.w3schools.com/sql/">SQL</a><br>
<a
href="https://www.w3schools.com/php/">PHP</a><br>
<a
href="https://www.w3schools.com/w3css/">W3.CSS</a><br>
Incluir el HTML
La inclusión de HTML se realiza mediante el uso de un atributo w3-include-html :
Ejemplo
<div w3-include-html="content.html"></div>
Agregar el JavaScript
Las inclusiones HTML se realizan mediante JavaScript.
Asegúrese de que su página tenga w3.js cargado y llame a w3.includeHTML() :
Ejemplo
<script>
w3.includeHTML();
</script>
Ejemplo completo
Ejemplo
<!DOCTYPE html>
<html>
<script src="/lib/w3.js"></script>
<body>
<div w3-include-html="content.html"></div>
<script>
w3.includeHTML();
</script>
</body>
</html>
Incluir muchos fragmentos de código HTML
Puede incluir cualquier número de fragmentos de HTML:
Ejemplo
<!DOCTYPE html>
<html>
<script src="/lib/w3.js"></script>
<body>
<div w3-include-HTML="h1.html"></div>
<div w3-include-HTML="content.html"></div>
<script>
w3.includeHTML();
</script>
</body>
<html>
Agregar una función de devolución de llamada
Cuando incluye fragmentos de HTML en una página web, debe asegurarse de que otras funciones que dependen del HTML incluido no se ejecuten antes de que el HTML se incluya correctamente.
La forma más fácil de "retener" el código es colocarlo en una función de devolución de llamada.
Se puede agregar una función de devolución de llamada como argumento a w3.includeHTML():
Ejemplo
<script>
w3.includeHTML(myCallback);
function myCallback() {
// code that has to wait goes here
}
</script>
Encontrará un ejemplo de devolución de llamada en el siguiente capítulo de este tutorial.