मान लें आपके पास एक बेसिक HTML दस्तावेज़ है और आप एक एक्सटर्नल JavaScript फ़ाइल को अपने दस्तावेज़ में एम्बेड (इम्पोर्ट) करना चाहते हैं।
ऐसा करने के लिए आपको HTML <script> एलिमेंट का उपयोग करना होगा:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>पेज शीर्षक</title> <script src="main.js" defer></script> </head> <body> <h1>HTML फ़ाइल में JavaScript फ़ाइल कैसे एम्बेड करें</h1> </body> </html>defer एट्रिब्यूट पर ध्यान दें स्क्रिप्ट एलिमेंट पर। Defer का अर्थ है कि main.js फ़ाइल के अंदर का कोड तब तक नहीं चलेगा जब तक कि वेब पेज अपने सभी कंटेंट एलिमेंट्स (टेक्स्ट, इमेजेज, लिंक्स, आदि) को लोड नहीं कर लेता।
जाहिर है, इसका मतलब है कि यदि किसी भी कारण से आपको अपने JavaScript फ़ाइल को पहले चलाने की आवश्यकता है, तो आप defer एट्रिब्यूट का उपयोग न करें।
नोट: defer एट्रिब्यूट केवल तब काम करता है जब आप एक्सटर्नल JavaScript फ़ाइल्स एम्बेड करते हैं, इंलाइन JavaScript कोड पर नहीं।
