Blog

JavaScript: document.embeds সম্পূর্ণ বাংলা টিউটোরিয়াল

document.embeds হল JavaScript এর একটি বিশেষ প্রপার্টি, যা একটি HTML ডকুমেন্টে থাকা সব <embed> ট্যাগের তালিকা (collection) প্রদান করে। এটি একটি HTMLCollection রিটার্ন করে, যার মাধ্যমে আপনি সব এমবেডেড অবজেক্ট (যেমন: PDF, প্লাগইন কনটেন্ট, মিডিয়া) অ্যাক্সেস করতে পারবেন।

<embed> ট্যাগ কি?

<embed> ট্যাগ ব্যবহার করে আপনি একটি এক্সটার্নাল ফাইল যেমন PDF, অডিও, ভিডিও বা অন্যান্য অ্যাপ্লিকেশন এমবেড করতে পারেন আপনার ওয়েবপেজে। এটি self-closing tag এবং অতিরিক্ত অ্যাট্রিবিউট সহ ব্যবহার করা যায়।

<embed src="file.pdf" width="500" height="375" type="application/pdf">

JavaScript দিয়ে document.embeds ব্যবহার:

console.log(document.embeds);
console.log("মোট এমবেডেড ফাইল:", document.embeds.length);
console.log("প্রথম এমবেড ফাইল:", document.embeds[0].src);

⚠️ গুরুত্বপূর্ণ বিষয়:

• document.embeds শুধুমাত্র <embed> ট্যাগের জন্য কাজ করে। <object> বা <iframe> এর জন্য এটি প্রযোজ্য নয়।
• এটি লাইভ HTMLCollection রিটার্ন করে, অর্থাৎ DOM পরিবর্তনের সাথে সাথে এটি আপডেট হয়।

বাস্তব প্রয়োগ

ধরা যাক আপনি কোনো ওয়েবপেজে একাধিক PDF ফাইল এমবেড করেছেন। আপনি চাইছেন ব্যবহারকারীদের প্রথম এমবেডেড ফাইলের সোর্স জানতে:

if(document.embeds.length > 0){
    alert("প্রথম এমবেডেড ফাইলের লিংক হলো: " + document.embeds[0].src);
} else {
    alert("কোনো embed ফাইল পাওয়া যায়নি!");
}
  

টেবিলে সংক্ষিপ্ত বৈশিষ্ট্য

✅ সারাংশ

• document.embeds একটি লাইভ HTMLCollection, যা HTML ডকুমেন্টে থাকা সব <embed> ট্যাগ একসাথে রিটার্ন করে।
• এটি প্লাগইন ভিত্তিক মিডিয়া যেমন PDF, Flash ইত্যাদি ব্যবস্থাপনায় সহায়ক।
• আধুনিক ওয়েবপেজে সাধারণত PDF বা মিডিয়া কনটেন্ট ব্যবস্থাপনায় এর ব্যবহার দেখা যায়।