我正在尝试获取通过 Javascript 添加 iframe 的 javascript。它在标签之前创建 iframe。
你可以看到jsfiddle 演示。 但我不想添加标签。我只想添加外部 .js 文件，它可以自己做所有事情！
问问题
210 次
3 回答
2
用这个
var newElem = createElement('script');
newElem.setAttribute('src', 'http://example.com/js/script.js');
newElem.setAttribute('type', 'text/javascript');
newElem.setAttribute('language', 'JavaScript');
document.getElementById('IdFromTheHeadElem').appendChild(newElem);
于 2013-04-18T07:45:57.720 回答
0
您可以使用创建标签
document.write("<iframe..............>");
编辑：我在 jQuery 的评论中写的解决方案：
在您的 JS 文件中：
$(function(){
$('#container').html('<iframe........');
});
在您的 HTML 中：
<div id="#container"></div>
将其包含在您的标题中：
<script src=".............yourscriptname.js"></script>
于 2013-04-18T07:42:16.400 回答
0
从您的 jsfiddle 看起来您应该这样做（在纯 JS 中）以避免直接在 HTML 代码中定义 iframe：
var iframe = document.createElement('iframe');
iframe.id = 'iframeID';
document.body.appendChild(iframe);
// the rest is manipulating this iframe
iframe.contentDocument.write("<html><head></head><body><div id='foo'>The div</div></body></html>");
iframe.contentDocument.getElementById('foo').innerHTML = "Greetings from outside!";
jsfiddle 上的代码（我将代码包装在一个闭包中以防止污染全局命名空间）
document.body.appendChild(iframe);应该更改为其他内容，具体取决于您要将其放置在页面内的位置（例如document.getElementById('some-div-id').appendChild(iframe);）
于 2013-04-18T17:18:18.280 回答