يتضمن W3.JS HTML ملفات
قم بتضمين ملف HTML:
w3.includeHTML()
HTML
احفظ HTML الذي تريد تضمينه في ملف .html:
content.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
يتم تضمين HTML باستخدام سمة w3-include-html :
مثال
<div w3-include-html="content.html"></div>
أضف JavaScript
يتضمن HTML تتم بواسطة JavaScript.
تأكد من تحميل الصفحة w3.js واستدعاء w3.includeHTML () :
مثال
<script>
w3.includeHTML();
</script>
مثال كامل
مثال
<!DOCTYPE html>
<html>
<script src="/lib/w3.js"></script>
<body>
<div w3-include-html="content.html"></div>
<script>
w3.includeHTML();
</script>
</body>
</html>
قم بتضمين العديد من مقتطفات HTML
يمكنك تضمين أي عدد من مقتطفات HTML:
مثال
<!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>
إضافة وظيفة رد الاتصال
عندما تقوم بتضمين مقتطفات HTML في صفحة ويب ، يجب عليك تأمين أن الوظائف الأخرى التي تعتمد على HTML المضمن لا يتم تنفيذها قبل تضمين HTML بشكل صحيح.
أسهل طريقة "لكبح" الكود هي وضعه في وظيفة رد الاتصال.
يمكن إضافة وظيفة رد الاتصال كوسيطة لـ w3.includeHTML ():
مثال
<script>
w3.includeHTML(myCallback);
function myCallback() {
// code that has to wait goes here
}
</script>
ستجد مثال على رد الاتصال في الفصل التالي من هذا البرنامج التعليمي.