使用javascript附加到div创建iframe

Question

我想加载/附加iframe到与常规JavaScript的div。我可以用JQuery做到这一点，但没有问题，但我不想包含js文件。我不断收到错误'document.getElementById（“ad54”）'（或任何我分配div的ID）。我有以下代码：

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> 

Answer 1

你应该写这里面的window.onload像

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

}