W3.JS HTML zawiera
Dołącz plik HTML:
w3.includeHTML()
HTML
Zapisz kod HTML, który chcesz dołączyć do pliku .html:
treść.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>
Dołącz kod HTML
Dołączanie HTML odbywa się za pomocą atrybutu w3-include-html :
Przykład
<div w3-include-html="content.html"></div>
Dodaj JavaScript
Dołączenia HTML są wykonywane przez JavaScript.
Upewnij się, że Twoja strona ma załadowany w3.js i wywołaj w3.includeHTML() :
Przykład
<script>
w3.includeHTML();
</script>
Pełny przykład
Przykład
<!DOCTYPE html>
<html>
<script src="/lib/w3.js"></script>
<body>
<div w3-include-html="content.html"></div>
<script>
w3.includeHTML();
</script>
</body>
</html>
Dołącz wiele fragmentów kodu HTML
Możesz dołączyć dowolną liczbę fragmentów kodu HTML:
Przykład
<!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>
Dodawanie funkcji zwrotnej
W przypadku umieszczania fragmentów kodu HTML na stronie internetowej należy zapewnić, że inne funkcje zależne od dołączonego kodu HTML nie zostaną wykonane przed prawidłowym dołączeniem kodu HTML.
Najprostszym sposobem na "wstrzymanie" kodu jest umieszczenie go w funkcji zwrotnej.
Funkcję zwrotną można dodać jako argument do w3.includeHTML():
Przykład
<script>
w3.includeHTML(myCallback);
function myCallback() {
// code that has to wait goes here
}
</script>
Przykład wywołania zwrotnego znajdziesz w następnym rozdziale tego samouczka.