javascript - 使用附加到 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);

}