W3.JS HTML bevat
Voeg een HTML-bestand toe:
w3.includeHTML()
de HTML
Bewaar de HTML die u wilt opnemen in een .html-bestand:
inhoud.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>
Voeg de HTML toe
Het opnemen van HTML doe je door een w3-include-html attribuut te gebruiken:
Voorbeeld
<div w3-include-html="content.html"></div>
Voeg de JavaScript toe
HTML omvat worden gedaan door JavaScript.
Zorg ervoor dat w3.js op uw pagina is geladen en roep w3.includeHTML() aan :
Voorbeeld
<script>
w3.includeHTML();
</script>
Volledig voorbeeld
Voorbeeld
<!DOCTYPE html>
<html>
<script src="/lib/w3.js"></script>
<body>
<div w3-include-html="content.html"></div>
<script>
w3.includeHTML();
</script>
</body>
</html>
Veel HTML-fragmenten opnemen
U kunt een willekeurig aantal HTML-fragmenten opnemen:
Voorbeeld
<!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>
Een terugbelfunctie toevoegen
Wanneer u HTML-fragmenten in een webpagina opneemt, moet u ervoor zorgen dat andere functies die afhankelijk zijn van de opgenomen HTML niet worden uitgevoerd voordat de HTML correct is opgenomen.
De eenvoudigste manier om code "achter te houden" is door deze in een callback-functie te plaatsen.
Een callback-functie kan als argument worden toegevoegd aan w3.includeHTML():
Voorbeeld
<script>
w3.includeHTML(myCallback);
function myCallback() {
// code that has to wait goes here
}
</script>
In het volgende hoofdstuk van deze tutorial vindt u een callback-voorbeeld.