Creación de un IFRAME usando JavaScript

Question

Tengo una página web alojada en línea y me gustaría que fuera posible insertar un IFRAME en otra página web usando JavaScript.

¿Cómo sería esta la mejor manera posible, que solo agregue mi URL de página web al JavaScript y que funcione en todos los navegadores?

Gracias

Answer 1

que puede utilizar:

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

También puedes ver basics of the iFrame element

Answer 2

Es mejor para procesar HTML como una plantilla que construir nodos a través de JavaScript (HTML no es XML, después de todo.) Puede mantener limpia la sintaxis HTML de su IFRAME usando una plantilla y luego agregando los contenidos de la plantilla a otra 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>