javascript - 动态加载外部JS并将响应写入div

我将美味的供稿嵌入到页面中。当我只在div内添加脚本标签时，它显然在我的其余JS(在页面底部)之前加载。我想在所有其他js都加载后，将该脚本动态加载到指定的div中。

我已经尝试过getscript函数，但是当我将其与.html()一起使用时，它肯定会破坏页面:

$('#delicious').html(function(){
$.getScript("http://feeds.delicious.com/v2/js/bayonnebridge?title=My%20Delicious%20Bookmarks&icon=m&count=5&sort=date&tags&extended&name&showadd");
});

我似乎无法确定如何将文件结果打印到#delicious div中。

最佳答案

如果要在div中显示脚本，那么使用回调函数应该不是这样的吗？

$.getScript("http://feeds.delicious.com/v2/js/bayonnebridge?title=My%20Delicious%20Bookmarks&icon=m&count=5&sort=date&tags&extended&name&showadd",
             function(data){
                $('#delicious').html(data);
            });

$.getScript()的结果是XMLHTTPRequest对象，似乎您需要响应文本。

同样，它看起来像来自您尝试将脚本写入文档的URL的响应，从而覆盖了所有页面内容。这就是您的问题，您可能会考虑使用iframe并将此URL设置为源。

根据脚本是跨域加载还是从同一个域加载，我似乎也会得到不同的行为-由于getScript()应该跨域工作，因此我不确定该如何处理。