在纯JS中加载JS文件后的回调

Question

我已经用纯JS加载了Modernizr。

var modernizr = document.createElement('script');
modernizr.src = 'http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.2/modernizr.min.js';
modernizr.type = 'text/javascript';
document.getElementsByTagName('head')[0].appendChild(modernizr);

现在，我想使用Modernizr.load包含更多JS文件。 加载Modernizr时是否有回调函数？

Answer 1

将onload和onreadystatechange事件添加到对象。 通过尽可能多的浏览器支持和黑客攻击，它看起来像这样：

modernizr.onload = modernizr.onreadystatechange = function () {
    if (!done && (!this.readyState || this.readyState === "loaded" || this.readyState === "complete")) {
        done = true;

        // Handle memory leak in IE
        modernizr.onload = modernizr.onreadystatechange = null;
        if (head && modernizr.parentNode) {
            head.removeChild(modernizr);
        }

        callback();
    }
};