Chrome 中的窗口加载事件失败

Question

我正在从 javascript 添加一些 <script/> 标签来加载一些库（例如 jquery）。加载所有库后，我执行主代码。为了等到一切准备就绪，我使用类似于this answer 中的解决方案（在网上找到）。

现在，故事：http://jsfiddle.net/EH84z/

function load_javascript(src) {
    var a = document.createElement('script');
    a.type = 'text/javascript';
    a.src = src;
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(a, s);
}

load_javascript('http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js');

function addEvent(elm, evType, fn, useCapture) {
    //Credit: Function written by Scott Andrews
    //(slightly modified)
    var ret = 0;

    if (elm.addEventListener) {
        ret = elm.addEventListener(evType, fn, useCapture);
    } else if (elm.attachEvent) {
        ret = elm.attachEvent('on' + evType, fn);
    } else {
        elm['on' + evType] = fn;
    }

    return ret;
}

addEvent(window, "load", function() {
    console.log(window.jQuery + '  ' + window.$);
    $(document);
}, false);

它在 Firefox 中运行良好，但在 Chrome 中经常失败。每次我按下 jsfiddle 的“运行”按钮时，都会在加载 JQuery 之前执行回调，从而在 Chrome 控制台中给出错误。

这是否意味着我严重滥用addEventListener？如果是，它的正确用途是什么？我如何真的等到所有脚本都加载完毕？

谢谢！
PS 还没有在任何其他浏览器中测试过，所以如果它在其他地方失败，请评论。

编辑
如果我在测试前等待一秒钟（使用setTimout），成功率会增加到 100%。一个例子http://jsfiddle.net/EH84z/1/

Answer 1

您必须将 load 事件附加到 jQuery 脚本标签，而不是 window 对象。

试试这个：

function load_javascript(src) {
    var a = document.createElement('script');
    a.type = 'text/javascript';
    a.src = src;
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(a, s);

    // attach it to the script tag
    addEvent(a, "load", function() {
        console.log(window.jQuery + '  ' + window.$);
        $(document);
    }, false);
}