W3.JS HTML İçeriği
Bir HTML dosyası ekleyin:
w3.includeHTML()
HTML
Bir .html dosyasına eklemek istediğiniz HTML'yi kaydedin:
içerik.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>
HTML'yi dahil et
HTML dahil etme, bir w3-include-html özniteliği kullanılarak yapılır:
Örnek
<div w3-include-html="content.html"></div>
JavaScript'i ekleyin
HTML içeriği JavaScript tarafından yapılır.
Sayfanızda w3.js yüklü olduğundan emin olun ve w3.includeHTML() öğesini çağırın :
Örnek
<script>
w3.includeHTML();
</script>
Tam Örnek
Örnek
<!DOCTYPE html>
<html>
<script src="/lib/w3.js"></script>
<body>
<div w3-include-html="content.html"></div>
<script>
w3.includeHTML();
</script>
</body>
</html>
Birçok HTML Parçacığı İçerir
İstediğiniz sayıda HTML parçacığını ekleyebilirsiniz:
Örnek
<!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>
Geri Arama İşlevi Ekleme
Bir web sayfasına HTML parçacıkları eklediğinizde, HTML düzgün bir şekilde eklenmeden önce dahil edilen HTML'ye bağlı olan diğer işlevlerin yürütülmemesini sağlamalısınız.
Kodu "saklamanın" en kolay yolu, onu bir geri arama işlevine yerleştirmektir.
w3.includeHTML() işlevine argüman olarak bir geri çağırma işlevi eklenebilir:
Örnek
<script>
w3.includeHTML(myCallback);
function myCallback() {
// code that has to wait goes here
}
</script>
Bu öğreticinin sonraki bölümünde bir geri arama örneği bulacaksınız.