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