2012-01-04 22 views
16

Çevrimiçi olarak barındırılan bir web sayfam var ve bir JavaScript kullanarak başka bir web sayfasına bir IFRAME ekleyebilmem mümkün olmasını isterim.JavaScript kullanarak bir IFRAME oluşturma

Bu nasıl Sadece JavaScript benim web sayfasının URL'sini ekleyin ve tüm tarayıcılarda çalıştığını, mümkün olan en iyi yolu ne olurdu?

Teşekkür

+0

Bir şey denediniz mi? – JohnJohnGa

+0

Muhtemelen her iki sayfa sizin mi? YourSiteA'yı YourSiteB içindeki bir iframe içine eklemek ister misiniz? – beeglebug

cevap

36

Sen kullanabilirsiniz:

<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> 

da basics of the iFrame element

3

O (HTML sonra tüm XML değil JavaScript aracılığıyla düğümleri inşa etmek daha şablon olarak HTML işlemek için iyidir kontrol edin.) IFRAME'in HTML sözdizimini bir şablon kullanarak ve ardından şablon içeriğini başka bir DIV'ye ekleyerek temiz tutabilirsiniz.

<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

Daha önce bir "script [type = text/html]') görmedim; Bunu bir div [style = display: none] 'yerine yapmakta herhangi bir fark var mı? Bahsettiğiniz –

+2

@ David Cook sözdizimi tamamen farklı amaçlar içindir. :) –

İlgili konular