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

}