W3.JS HTML zahrnuje
Zahrnout soubor HTML:
w3.includeHTML()
HTML
Uložte kód HTML, který chcete zahrnout, do souboru .html:
content.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>
Zahrnout HTML
Zahrnutí HTML se provádí pomocí atributu w3-include-html :
Příklad
<div w3-include-html="content.html"></div>
Přidejte JavaScript
Obsah HTML se provádí pomocí JavaScriptu.
Ujistěte se, že je na vaší stránce načteno w3.js a zavolejte w3.includeHTML() :
Příklad
<script>
w3.includeHTML();
</script>
Úplný příklad
Příklad
<!DOCTYPE html>
<html>
<script src="/lib/w3.js"></script>
<body>
<div w3-include-html="content.html"></div>
<script>
w3.includeHTML();
</script>
</body>
</html>
Zahrnout mnoho úryvků HTML
Můžete zahrnout libovolný počet úryvků HTML:
Příklad
<!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>
Přidání funkce zpětného volání
Když na webovou stránku zahrnete úryvky HTML, musíte zajistit, aby se ostatní funkce, které závisí na obsaženém HTML, nespustily, dokud nebude HTML správně zahrnuto.
Nejjednodušší způsob, jak „zadržet“ kód, je umístit jej do funkce zpětného volání.
Funkci zpětného volání lze přidat jako argument do w3.includeHTML():
Příklad
<script>
w3.includeHTML(myCallback);
function myCallback() {
// code that has to wait goes here
}
</script>
Příklad zpětného volání najdete v další kapitole tohoto návodu.