ধরা যাক আপনার কাছে একটি মৌলিক HTML নথি রয়েছে এবং আপনি আপনার নথিতে একটি বহিরাগত জাভাস্ক্রিপ্ট ফাইল এম্বেড (আমদানি) করতে চান৷
এটি করার জন্য আপনাকে 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 এর ভিতরের কোড ওয়েব পৃষ্ঠাটি তার সমস্ত বিষয়বস্তু উপাদান (টেক্সট, ছবি, লিঙ্ক, ইত্যাদি) লোড করা শেষ না হওয়া পর্যন্ত ফাইলটি চলবে না।
স্পষ্টতই, এর মানে হল যে কোনও কারণেই যদি আপনার জাভাস্ক্রিপ্ট ফাইল আগে চালাতে হয় সমস্ত ওয়েবপৃষ্ঠার সামগ্রী লোড হয়, তারপর আপনি defer ব্যবহার করবেন না বৈশিষ্ট্য।
দ্রষ্টব্য:defer অ্যাট্রিবিউট তখনই কাজ করে যখন আপনি বাহ্যিক জাভাস্ক্রিপ্ট ফাইল এম্বেড করেন, ইনলাইনে নয় জাভাস্ক্রিপ্ট কোড।
