Iframes HTML तत्व हैं जो आपको बाहरी सामग्री, जैसे कि वेब पेज, को वर्तमान पृष्ठ के भीतर एम्बेड करने की अनुमति देते हैं। इस लेख में हम आपको दिखाएंगे कि जावास्क्रिप्ट का उपयोग करके एक बटन का उपयोग करके दो या दो से अधिक iframes की सामग्री कैसे बदलें।

एक आइफ्रेम क्या है?

एक iframe एक HTML तत्व है जो बाहरी सामग्री को वेब पेज में एम्बेड कर सकता है। आप लेबल का उपयोग कर सकते हैं अपनी वेबसाइट पर एक वेब पेज, वीडियो, दस्तावेज़ या अन्य मल्टीमीडिया सामग्री एम्बेड करने के लिए। एक आइफ्रेम की मूल संरचना इस प्रकार है:

जावास्क्रिप्ट का उपयोग करके, आप iframes की सामग्री को गतिशील रूप से संशोधित कर सकते हैं, अधिक इंटरैक्टिव और सहज उपयोगकर्ता अनुभव प्रदान कर सकते हैं।

एक बटन से एकाधिक iframes की सामग्री को बदलने का उदाहरण

निम्नलिखित उदाहरण में हम दिखाते हैं कि कैसे जावास्क्रिप्ट का उपयोग करके एक बटन का उपयोग करके तीन iframes की सामग्री को बदलना है:

फ़ंक्शन परिवर्तन सामग्री () {

इस उदाहरण में, हमने आईडी के साथ तीन आइफ्रेम बनाए हैं iframe1, iframe2 और iframe3 वह एम्बेड पृष्ठ1.html, पृष्ठ2.html और पृष्ठ3.html क्रमश। अगला, हमने एक बटन बनाया है, जिसे क्लिक करने पर, फ़ंक्शन निष्पादित होता है परिवर्तन सामग्री (). यह फ़ंक्शन उपयोग करता है getElementById () प्रत्येक iframe का चयन करने और उसकी विशेषता बदलने के लिए स्रोत नए पन्नों के लिए new_page1.html, new_page2.html और new_page2.html.