HTML DOM iframe ऑब्जेक्ट HTML डॉक्यूमेंट के <iframe> एलिमेंट को दर्शाता है।
आइए अब iframe ऑब्जेक्ट बनाएं −
सिंटैक्स
निम्नलिखित सिंटैक्स है −
document.createElement(“IFRAME”);
प्रॉपर्टीज
iframe ऑब्जेक्ट की निम्नलिखित प्रॉपर्टीज हैं −
| प्रॉपर्टी | व्याख्या |
|---|---|
| contentDocument | यह iframe HTML एलिमेंट द्वारा उत्पन्न डॉक्यूमेंट ऑब्जेक्ट रिटर्न करता है। |
| contentWindow | यह iframe HTML एलिमेंट द्वारा उत्पन्न विंडो ऑब्जेक्ट रिटर्न करता है। |
| height | यह iframe HTML एलिमेंट के height एट्रिब्यूट का मान रिटर्न और संशोधित करता है। |
| name | यह iframe HTML एलिमेंट के name एट्रिब्यूट का मान रिटर्न और संशोधित करता है। |
| sandbox | यह iframe HTML एलिमेंट के sandbox एट्रिब्यूट का मान रिटर्न और बदलता है। |
| seamless | यह रिटर्न और संशोधित करता है कि iframe निर्बाध दिखना चाहिए जैसे कि यह वेब पेज का हिस्सा है यानी बिना बॉर्डर और बिना स्क्रॉलबार के। |
| src | यह iframe HTML एलिमेंट के src एट्रिब्यूट का मान रिटर्न और संशोधित करता है। |
| srcdoc | यह iframe HTML एलिमेंट के srcdoc एट्रिब्यूट का मान रिटर्न और संशोधित करता है। |
| width | यह iframe HTML एलिमेंट के width एट्रिब्यूट का मान रिटर्न और बदलता है। |
उदाहरण
आइए DOM iframe ऑब्जेक्ट का एक उदाहरण देखें −
<!DOCTYPE html> <html> <head> <style> body{ text-align:center; } .btn{ background-color:lightblue; border:none; height:2rem; border-radius:50px; width:60%; margin:1rem auto; } </style> </head> <body> <h1>DOM IFrame ऑब्जेक्ट उदाहरण</h1> <button onclick="createIframe()" class="btn">iframe बनाने के लिए मुझे क्लिक करें</button> <script> function createIframe() { var x = document.createElement("IFRAME"); x.setAttribute("src", "https://tutorialspoint.com/"); document.body.appendChild(x); } </script> </body> </html>आउटपुट
यह निम्नलिखित आउटपुट देगा −
iframe बनाने के लिए “iframe बनाने के लिए मुझे क्लिक करें” बटन पर क्लिक करें −
