使用附加到div的javascript创建iframe

Question

我想使用常规javascript将iframe加载/附加到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);

}