W3.JS HTML शामिल है
एक HTML फ़ाइल शामिल करें:
w3.includeHTML()
एचटीएमएल
उस HTML को सहेजें जिसे आप एक .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 सहित w3-include-html विशेषता का उपयोग करके किया जाता है :
उदाहरण
<div w3-include-html="content.html"></div>
जावास्क्रिप्ट जोड़ें
HTML शामिल जावास्क्रिप्ट द्वारा किया जाता है।
सुनिश्चित करें कि आपके पृष्ठ में 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>
आपको इस ट्यूटोरियल के अगले अध्याय में कॉलबैक उदाहरण मिलेगा।