W3.JS HTML include
Includi un file HTML:
w3.includeHTML()
L'HTML
Salva l'HTML che desideri includere in un file .html:
contenuto.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>
Includere l'HTML
L' inclusione di HTML viene eseguita utilizzando un attributo w3-include-html :
Esempio
<div w3-include-html="content.html"></div>
Aggiungi il JavaScript
Le inclusioni HTML vengono eseguite da JavaScript.
Assicurati che la tua pagina abbia caricato w3.js e chiama w3.includeHTML() :
Esempio
<script>
w3.includeHTML();
</script>
Esempio completo
Esempio
<!DOCTYPE html>
<html>
<script src="/lib/w3.js"></script>
<body>
<div w3-include-html="content.html"></div>
<script>
w3.includeHTML();
</script>
</body>
</html>
Includi molti frammenti HTML
Puoi includere un numero qualsiasi di snippet HTML:
Esempio
<!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>
Aggiunta di una funzione di richiamata
Quando includi snippet HTML in una pagina web, devi assicurarti che altre funzioni che dipendono dall'HTML incluso non vengano eseguite prima che l'HTML sia stato incluso correttamente.
Il modo più semplice per "trattenere" il codice è inserirlo in una funzione di callback.
Una funzione di callback può essere aggiunta come argomento a w3.includeHTML():
Esempio
<script>
w3.includeHTML(myCallback);
function myCallback() {
// code that has to wait goes here
}
</script>
Troverai un esempio di callback nel prossimo capitolo di questo tutorial.