মান লইয়ে নিন আপনার একটি বেসিক HTML ডকুমেন্ট আছে এবং আপনি একটি এক্সটার্নাল JavaScript ফাইল আপনার ডকুমেন্টে এম্বেড (ইম্পোর্ট) করতে চান।
সেটি করতে আপনাকে HTML <script> এলিমেন্ট ব্যবহার করতে হবে:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=" /> <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 কোডের ওপর না।
