HTML पेज में बाहरी JavaScript कैसे शामिल करें?

HTML <script> टैग का उपयोग आपके HTML दस्तावेज़ के भीतर स्क्रिप्ट घोषित करने के लिए किया जाता है। इसके माध्यम से, आप क्लाइंट-साइड JavaScript परिभाषित कर सकते हैं। लेकिन, क्या होगा यदि आप HTML पेज के अंदर बाहरी JavaScript जोड़ना चाहते हैं? खैर, आप <script> टैग के src विशेषता का उपयोग करके इसे आसानी से कर सकते हैं।

<script> टैग की निम्नलिखित विशेषताएं हैं:

विशेषता	मान	विवरण
async	async	निर्दिष्ट करता है कि स्क्रिप्ट अतुल्यकालिक रूप से निष्पादित होती है।
charset	charset	परिभाषित करता है कि स्क्रिप्ट किस कैरेक्टर एन्कोडिंग का उपयोग करती है।
defer	defer	घोषित करता है कि स्क्रिप्ट कोई सामग्री उत्पन्न नहीं करेगी। इसलिए, ब्राउज़र/उपयोगकर्ता एजेंट पेज के बाकी हिस्सों को पार्स और रेंडर करना जारी रख सकता है।
src	URL	बाहरी स्क्रिप्ट का URI/URL निर्दिष्ट करता है।
type	text/JavaScript application/ecmascript application/JavaScript text/vbscript	स्क्रिप्टिंग भाषा को कंटेंट-टाइप (MIME प्रकार) के रूप में निर्दिष्ट करता है।

बाहरी JavaScript फ़ाइल जोड़ने के लिए, हम src विशेषता का उपयोग करेंगे:

उदाहरण

HTML में बाहरी JS शामिल करने के लिए निम्न कोड चलाएं। HTML फ़ाइल यहां है, जिसमें JS फ़ाइल myscript.js का src है।

<!DOCTYPE html> <html>
  <body>
    <h2>अलर्ट बटन</h2>
    <p>
      बाहरी JavaScript फ़ाइल है myscript.js</p>
    <button type="button" onclick="sayHello()">क्लिक करें</button>
    <script src="myscript.js"></script>
  </body>
</html>

बाहरी फ़ाइल स्रोत से JavaScript का उपयोग करने के लिए, आपको ".js" एक्सटेंशन के साथ एक साधारण टेक्स्ट फ़ाइल में अपना सारा JavaScript स्रोत कोड लिखना होगा और फिर उस फ़ाइल को उपरोक्त संरचना में शामिल करना होगा यानी <script src="myscript.js"></script>

myscript.js फ़ाइल में निम्न सामग्री रखें:

function sayHello() {
  alert("Hello World")
}