Blog

JavaScript: document.scripts নিয়ে পূর্ণাঙ্গ বাংলা টিউটোরিয়াল

document.scripts হলো JavaScript DOM-এর একটি প্রপার্টি, যা HTML ডকুমেন্টে থাকা সব <script> ট্যাগের একটি HTMLCollection প্রদান করে। এর মাধ্যমে আপনি একটি পেজে ব্যবহৃত সমস্ত স্ক্রিপ্ট সহজেই খুঁজে পেতে পারেন, যেমন: কোন ফাইল থেকে লোড হয়েছে, ইনলাইন স্ক্রিপ্ট আছে কি না ইত্যাদি।

<script> ট্যাগ কী?

HTML ডকুমেন্টে <script> ট্যাগ ব্যবহার করে JavaScript কোড সংযুক্ত বা লেখা হয়। এটি হতে পারে ইনলাইন (পেইজের মধ্যেই লেখা) অথবা এক্সটারনাল (ফাইলের মাধ্যমে)।

<script src="main.js"></script>
<script>
  console.log("Hello from inline script");
</script>

JavaScript দিয়ে document.scripts ব্যবহারের পদ্ধতি

// ডকুমেন্টে যত script tag আছে তা কনসোলে দেখাও
console.log(document.scripts);

// স্ক্রিপ্ট ট্যাগের সংখ্যা
console.log("স্ক্রিপ্ট সংখ্যা:", document.scripts.length);

// প্রতিটি স্ক্রিপ্টের src দেখানো
for (let i = 0; i < document.scripts.length; i++) {
  console.log("স্ক্রিপ্ট", i + 1, ":", document.scripts[i].src || "Inline Script");
}

document.scripts প্রপার্টির বৈশিষ্ট্য

বাস্তব উদাহরণ: সমস্ত এক্সটারনাল স্ক্রিপ্ট তালিকাভুক্ত করা

for (let script of document.scripts) {
  if (script.src) {
    console.log("External Script:", script.src);
  } else {
    console.log("Inline Script Found");
  }
}

⚠️ সতর্কতা

• document.scripts শুধুমাত্র <script> ট্যাগ ফেরত দেয়, অন্য কোনো DOM এলিমেন্ট নয়।
• Inline স্ক্রিপ্টের ক্ষেত্রে src ফাঁকা থাকবে।

✅ সারসংক্ষেপ

• document.scripts দিয়ে সব স্ক্রিপ্ট উপাদান অ্যাক্সেস করা যায়।
• এটি একটি লাইভ HTMLCollection। DOM আপডেট হলে এটি রিয়েল টাইমে পরিবর্তিত হয়।
• এই প্রপার্টি ব্যবহার করে স্ক্রিপ্ট গুলি পর্যবেক্ষণ, গণনা ও মডিফাই করা সম্ভব।