javascript - document.write 有哪些替代方案？

Question

我正在尝试加载 zoom.it动态脚本，但如果没有 document.write 我似乎无法这样做。 document.write 的问题是它取代了我页面上的所有内容，这是我不想要的。还有哪些其他选择？

这是document.write行动中:http://jsfiddle.net/JyT9B/6/ (注意被删除的元素)。

另外，输入 <script>标签直接进入正文有效:http://jsfiddle.net/gTcRw/5/ ，但我需要它动态放置。

<小时/>

我也尝试过 Ways to add javascript files dynamically in a page 中的方法，和How to add and remove js files dynamically ，但似乎收到错误 Cannot set property 'innerHTML' of null ，这可能是 Zoom.it 特有的东西。我不介意知道为什么会出现这种情况。

使用其他方法的 jsfiddle 示例:

• $('body').append
• $.getScript
• document.createElement as per google analytics
• document.createElement in a function

也尝试过这个，但没有成功:.innerHTML - 它被添加到 dom 但不运行。

Answer 1

我认为 createElement 和 appendChild 的组合应该可以工作，如下所示:

http://jsfiddle.net/kbDny/3/

$(function() {
    getScript("http://www.zoom.it/aaa.js");
});

function getScript(src) {
    var scr = document.createElement("script");
    scr.type = "text/javascript";
    scr.src = src;

    var head = document.getElementsByTagName("head")[0];
    head.appendChild(scr);
}

但是没有理由不使用 $.getScript - 只需传递 url 作为第一个参数，例如:

$.getScript(url, function (data, textStatus, jqxhr) {
    // Script loaded successfully
});