2012-01-04 11 views
16

का उपयोग कर मैं किसी वेबपेज ऑनलाइन होस्ट और मैं यह है कि मैं कुछ जावास्क्रिप्ट का उपयोग अन्य वेब पृष्ठ पर एक IFRAME डाल सकता है संभव हो सकता है करना चाहते हैं बनाना।एक IFRAME जावास्क्रिप्ट

यह कैसे सबसे अच्छा तरीका संभव होगा, कि मैं सिर्फ जावास्क्रिप्ट करने के लिए अपने वेबपेज URL जोड़ सकते हैं और यह सभी ब्राउज़रों पर काम है?

धन्यवाद

+0

आप कुछ कोशिश की? – JohnJohnGa

+0

संभवतः दोनों पृष्ठ आपका हैं? आप YourSiteB को अपनेसाइट बी के भीतर एक आईफ्रेम में डालना चाहते हैं? – beeglebug

उत्तर

36

आप उपयोग कर सकते हैं:

<script type="text/javascript"> 
    function prepareFrame() { 
     var ifrm = document.createElement("iframe"); 
     ifrm.setAttribute("src", "http://google.com/"); 
     ifrm.style.width = "640px"; 
     ifrm.style.height = "480px"; 
     document.body.appendChild(ifrm); 
    } 
</script> 

भी जाँच basics of the iFrame element

3

यह (एचटीएमएल एक्सएमएल सब के बाद नहीं है जावास्क्रिप्ट के माध्यम से नोड्स के निर्माण के लिए की तुलना में एक टेम्पलेट के रूप में एचटीएमएल कार्रवाई करने के लिए बेहतर है।) आप टेम्पलेट का उपयोग कर अपने आईएफआरएएम के एचटीएमएल सिंटैक्स को साफ रख सकते हैं और फिर टेम्पलेट की सामग्री को किसी अन्य डीआईवी में जोड़ सकते हैं।

<div id="placeholder"></div> 

<script id="iframeTemplate" type="text/html"> 
    <iframe src="..."> 
     <!-- replace this line with alternate content --> 
    </iframe> 
</script> 

<script type="text/javascript"> 
var element, 
    html, 
    template; 

element = document.getElementById("placeholder"); 
template = document.getElementById("iframeTemplate"); 
html = template.innerHTML; 

element.innerHTML = html; 
</script> 
+0

मैंने पहले 'स्क्रिप्ट [टाइप = टेक्स्ट/एचटीएमएल]' नहीं देखा है; क्या 'div [style = display: none]' के विरोध में ऐसा कोई अंतर है? –

+2

@ डेविड कुक आपके द्वारा वर्णित वाक्यविन्यास पूरी तरह से विभिन्न उद्देश्यों के लिए हैं। :) –