javascript - 有条件地加载外部脚本不起作用，没有错误

Question

根据我的情况，我有:

var url = "http://ads.eyeonx.ch/adserverscript/custom.min.js";
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
$('.ad').append(script);
console.log('ad loaded');

我收到控制台消息“广告已加载”，但广告没有显示，当我检查元素时，<script>未添加到类 ad 的 div 元素中.

Firebug 没有显示任何错误，我是否遗漏了任何明显的错误，为什么这不起作用？我至少希望脚本标 checkout 现在元素中。

Answer 1

确切的问题仍然未知，为什么在检查元素时代码没有显示，但我注意到 Firefox 控制台(不是 Firebug 控制台)中的浏览器错误提示外部脚本使用 document.write(); 。看来这与页面加载后添加它的功能相冲突。

我的解决方案是使用 iframe。所以代替:

var url = "http://ads.eyeonx.ch/adserverscript/custom.min.js";
$("<script>").attr({"type": "text/javascript", "src": url}).appendTo(".ad");

我删除了 .ad div 并使用此代码动态添加 iframe:

$("<iframe>").attr({"class": "ad", "src": "/ads/ad.html", "scrolling": "no"}).prependTo('#container');

哪个 /ads/ad.html 只包含标准的 <script></script> 内容。