W3.JS include’lar
HTML faylni qo‘shish:
w3.includeHTML()
HTML kodi
Qo‘shmoqchi bo‘lgan HTML kodingizni .html faylga saqlang:
content.html
<a href="/html">HTML</a><br>
<a href="/css">CSS</a><br>
<a href="/bootstrap3">Bootstrap</a><br>
<a href="/js">JavaScript</a><br>
<a href="/sql">SQL</a><br>
<a href="/php">PHP</a><br>
<a href="/w3css">W3.CSS</a><br>
HTML’ni qo‘shish
HTML w3-include-html atributi yordamida qo‘shiladi:
Misol
<div w3-include-html="content.html"></div>
JavaScript’ni qo‘shish
HTML qo‘shish (include) JavaScript yordamida amalga oshiriladi.
Sahifangizda w3.js yuklanganiga ishonch hosil qiling va w3.includeHTML()ni chaqiring:
Misol
<script>
w3.includeHTML();
</script>
To‘liq misol
Misol
<!DOCTYPE html>
<html>
<script src="/lib/w3.js"></script>
<body>
<div w3-include-html="content.html"></div>
<script>
w3.includeHTML();
</script>
</body>
</html>
O‘zingiz sinab ko‘ring » CSS bilan »
Ko‘plab HTML fragmentlarini qo‘shish
Istalgan miqdordagi HTML fragmentlarini qo‘shishingiz mumkin:
Misol
<!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>
Callback funksiyasini qo‘shish
Veb-sahifaga HTML fragmentlarini qo‘shganingizda, qo‘shilgan HTML’ga bog‘liq boshqa funksiyalar HTML to‘liq qo‘shilib bo‘lmaguncha bajarilmasligini ta’minlashingiz kerak.
Kodni "ushlab turish"ning eng oson yo‘li — uni callback funksiyasiga joylashtirish.
Callback funksiyasini w3.includeHTML() funksiyasiga argument sifatida qo‘shish mumkin:
Misol
<script>
w3.includeHTML(myCallback);
function myCallback() {
// code that has to wait goes here
}
</script>
Callback misolini ushbu darslikning keyingi bobida topasiz.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!