HTML DOM iframe ऑब्जेक्ट HTML दस्तावेज़ के
आइए अब आइफ्रेम ऑब्जेक्ट बनाएं -
सिंटैक्स
निम्नलिखित वाक्य रचना है -
document.createElement(“IFRAME”);
गुण
iframe ऑब्जेक्ट के गुण निम्नलिखित हैं -
Property वें> <वें शैली ="पाठ-संरेखण:केंद्र;">स्पष्टीकरण वें> | |
---|---|
सामग्रीदस्तावेज़ | यह एक iframe HTML तत्व द्वारा उत्पन्न दस्तावेज़ ऑब्जेक्ट देता है। |
सामग्रीविंडो | यह एक iframe HTML तत्व द्वारा उत्पन्न विंडो ऑब्जेक्ट देता है। |
ऊंचाई | यह एक iframe HTML तत्व की ऊंचाई विशेषता के मान को लौटाता है और संशोधित करता है। |
नाम | यह एक iframe HTML एलीमेंट के नाम एट्रिब्यूट के मान को लौटाता है और संशोधित करता है। |
सैंडबॉक्स | यह एक iframe HTML तत्व के सैंडबॉक्स विशेषता के मान को लौटाता है और परिवर्तित करता है। |
निर्बाध | यह वापस आता है और संशोधित करता है कि क्या आईफ्रेम निर्बाध दिखना चाहिए जैसे कि यह वेब पेज का एक हिस्सा है यानी बिना सीमाओं के और बिना स्क्रॉलबार के। |
src | यह एक iframe HTML तत्व की src विशेषता के मान को लौटाता है और संशोधित करता है। |
srcdoc | यह एक iframe HTML तत्व की srcdoc विशेषता के मान को लौटाता है और संशोधित करता है। |
चौड़ाई | यह एक iframe HTML तत्व की चौड़ाई विशेषता के मान को लौटाता है और परिवर्तित करता है। |
उदाहरण
आइए 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 Object Example</h1> <button onclick="createIframe()" class="btn">Click me to create an iframe</button> <script> function createIframe() { var x = document.createElement("IFRAME"); x.setAttribute("src", "https://tutorialspoint.com/"); document.body.appendChild(x); } </script> </body> </html>
आउटपुट
यह निम्नलिखित आउटपुट देगा -
“आईफ्रेम बनाने के लिए मुझे क्लिक करें . पर क्लिक करें आइफ्रेम बनाने के लिए बटन -