我想使用 javascript / jquery 在文档中添加和删除 iframe(实际上,如果用户选择关闭 iframe,则应该添加和删除 iframe)。
在这个 iframe 中,我必须包含一个使用该元素的外部脚本,该脚本包含使用 document.write(广告旋转器)显示的基本生成的内容。
我遇到的问题是,当加载 iframe 时,包含元素但它的内容没有被“解释”,因此内容不是用 document.write 写入的。
我不知道我在这里错过了什么。
这是我尝试过的(灵感来自 SO 上的其他答案):
html:
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="jquery-10.2.js"></script>
<script src="frame.js"></script>
</head>
<body>
<div>Some content</div>
<div id=myFrameContainer></div>
</body>
</html>
框架.js:
$(document).ready(function(){
$('<iframe></iframe>', {name:"myFrame",id:"myFrame"})
.css("height", 300)
.css("width", 500)
.load(function() {
$(this).contents().find("body")
.append('<scr' + 'ipt type="text/javascript" src="http://example.com/rotator.php?affid=12345"></scr' + 'ipt>');
}).appendTo("#myFrameContainer");
});
我还尝试将元素附加到头部,但也没有任何成功。
最重要的是,我可以在 Firebug 中看到外部脚本生成的内容(但也许这是完全正常的,与我的问题无关)。