Tworzenie IFRAME przy użyciu JavaScriptu

Question

Mam stronę internetową hostowaną online i chciałabym, aby możliwe było wstawienie IFRAME na innej stronie przy użyciu JavaScript.

Jak to jest najlepszy sposób, że dodaję adres URL strony do JavaScript i że działa on we wszystkich przeglądarkach?

Dzięki

Answer 1

można użyć:

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

również sprawdzić basics of the iFrame element

Answer 2

lepiej przetwarzać HTML jako szablon niż zbudować węzły poprzez JavaScript (HTML nie jest XML po wszystkim.) Możesz zachować składnię HTML IFRAME, używając szablonu, a następnie dołączając zawartość szablonu do innego DIV.

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