W3.JS HTML Termasuk
Sertakan file HTML:
w3.includeHTML()
HTML
Simpan HTML yang ingin Anda sertakan dalam file .html:
konten.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>
Sertakan HTMLnya
Menyertakan HTML dilakukan dengan menggunakan atribut w3-include-html :
Contoh
<div w3-include-html="content.html"></div>
Tambahkan JavaScript
Penyertaan HTML dilakukan oleh JavaScript.
Pastikan halaman Anda memuat w3.js dan panggil w3.includeHTML() :
Contoh
<script>
w3.includeHTML();
</script>
Contoh Lengkap
Contoh
<!DOCTYPE html>
<html>
<script src="/lib/w3.js"></script>
<body>
<div w3-include-html="content.html"></div>
<script>
w3.includeHTML();
</script>
</body>
</html>
Sertakan Banyak Cuplikan HTML
Anda dapat menyertakan sejumlah cuplikan HTML:
Contoh
<!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>
Menambahkan Fungsi Panggilan Balik
Saat Anda menyertakan cuplikan HTML di halaman web, Anda harus memastikan bahwa fungsi lain yang bergantung pada HTML yang disertakan tidak dijalankan sebelum HTML disertakan dengan benar.
Cara termudah untuk "menahan" kode adalah dengan menempatkannya di fungsi panggilan balik.
Fungsi panggilan balik dapat ditambahkan sebagai argumen ke w3.includeHTML():
Contoh
<script>
w3.includeHTML(myCallback);
function myCallback() {
// code that has to wait goes here
}
</script>
Anda akan menemukan contoh panggilan balik di bab berikutnya dari tutorial ini.