jQuery:追加包含 javascript 文件的 div？

Question

我正在使用 jQuery 1.4，并且我正在尝试附加包含来自另一个域的 javascript 文件的 DIV。加载 jQuery 后，我在主体末尾有以下内联代码:

<script src="jquery-1.4.3.min.js"></script>
<script src="scripts.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
    var html = "<div><script type='text/javascript' src='http://example.com/foo'></script></div>";
    $("#container").append(html);´
});
</script>

问题是输出是:

"; $("#container").append(html); } });

它甚至不显示在 #container 中，而是显示在 JavaScript 代码所在的正文底部。

编辑:javascript文件插入广告的html，因此无法加载到文档头中。

Answer 1

使用您描述的方法无法进行动态脚本加载，因为字符串以 HTML 形式加载且未进行解析。试试这个:

var head    = document.getElementsByTagName('head')[0];
var script  = document.createElement('script');
script.type = 'text/javascript';
script.src  = 'http://example.com/foo';
head.appendChild(script);