এইচটিএমএল ডোম IFrame অবজেক্ট
IFrame অবজেক্ট
IFrame অবজেক্ট এইচটিএমএল <iframe> এলিমেন্টকে প্রতিনিধিত্ব করে।
IFrame অবজেক্ট তৈরি
আপনি document.createElement() মেথড ব্যবহার করে <iframe> এলিমেন্ট তৈরি করতে পারেনঃ
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<p><button onclick="myFunc()">ক্লিক করুন</button></p>
<script>
function myFunc() {
var a = document.createElement("iframe");
a.setAttribute("src", "../index.php");
document.body.appendChild(a);
}
</script>
</body>
</html>ফলাফল
IFrame অবজেক্ট এক্সেস
আপনি getElementById() ব্যবহার করে <iframe> এলিমেন্টকে এক্সেস করতে পারেনঃ
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<iframe id="test" src="../index.php"></iframe>
<p><button onclick="myFunc()">ক্লিক করুন</button></p>
<p id="test2"></p>
<script>
function myFunc() {
var a = document.getElementById("test").src;
document.getElementById("test2").innerHTML = a;
}
</script>
</body>
</html>ফলাফল
IFrame অবজেক্ট প্রোপার্টি
= এইচটিএমএল (৫) এ যেসকল প্রোপার্টি যুক্ত করা হয়েছে।
| প্রোপার্টি | বর্ণনা |
|---|---|
| align | এইচটিএমএল(৫) এ সাপোর্ট করে না। এর পরিবর্তে
style.cssFloat ব্যবহার করুন। একটি iframe এ align এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে। |
| contentDocument | iframe দ্বারা তৈরীকৃত ডকুমেন্ট অবজেক্ট রিটার্ন করে। |
| contentWindow | iframe দ্বারা তৈরীকৃত উইন্ডো অবজেক্ট রিটার্ন করে। |
| frameBorder | এইচটিএমএল(৫) এ সাপোর্ট করে না। এর পরিবর্তে
style.border
ব্যবহার করুন। একটি iframe এ frameborder এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে। |
| height | একটি iframe এ height এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে। |
| longDesc | এইচটিএমএল(৫) এ সাপোর্ট করে না একটি iframe এ longDesc এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে। |
| marginHeight | এইচটিএমএল(৫) এ সাপোর্ট করে না। এর পরিবর্তে
style.margin ব্যবহার করুন। একটি iframe এ marginHeight এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে। |
| marginWidth | এইচটিএমএল(৫) এ সাপোর্ট করে না। এর পরিবর্তে
style.margin
ব্যবহার করুন। একটি iframe এ marginWidth এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে। |
| name | একটি iframe এ name এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে। |
| sandbox | একটি iframe এ sandbox এট্রিবিউটের ভ্যালু রিটার্ন করে। |
| scrolling | এইচটিএমএল(৫) এ সাপোর্ট করে না iframe এর scrolling এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে। |
| src | iframe এর src এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে। |
| srcdoc | ভ iframe এর srcdoc এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে। |
| width | iframe এর width এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে। |
স্ট্যান্ডার্ড প্রোপার্টি এবং ইভেন্ট
| প্রোপার্টি | ইভেন্ট |
|---|---|
| সাপোর্ট করে। এখানে দেখুন | সাপোর্ট করে। এখানে দেখুন |