2012-04-24 100 views
12

Quiero cargar/agregar el iframe en un div con javascript normal. Puedo hacer esto con JQuery sin ningún problema, pero no quiero incluir el archivo js. Sigo recibiendo el error 'document.getElementById ("ad54")' (o cualquier identificación que asigno a la div). Tengo el siguiente código:Crear iframe con javascript que se agrega a un div

var link = "http://www.google.com" 
var iframe = document.createElement('iframe'); 
iframe.frameBorder=0; 
iframe.width="300px"; 
iframe.height="250px"; 
iframe.id="randomid"; 
iframe.setAttribute("src", link); 
document.getElementById("ad54").appendChild(iframe); 

<div id="ad54"></div> 

Respuesta

28

Debe escribir este window.onload el interior como

window.onload = function(){ 
    var link = "http://www.quirksmode.org/iframetest2.html" 
var iframe = document.createElement('iframe'); 
iframe.frameBorder=0; 
iframe.width="300px"; 
iframe.height="250px"; 
iframe.id="randomid"; 
iframe.setAttribute("src", link); 
document.getElementById("ad54").appendChild(iframe); 

} 
+0

un iframe no se genera. Aunque, ya no recibo ningún error en firebug – Patriotec

+7

Google.com no se cargará en iframe. prueba otro enlace. Consulte https://developer.mozilla.org/en/The_X-FRAME-OPTIONS_response_header – Sethunath

+0

Tiene razón. Probé con otro sitio web y funcionó. Gracias por la ayuda – Patriotec

Cuestiones relacionadas