javascript - 动态的跨浏览器脚本加载

Question

我知道 IE 没有 load <script> 的事件元素——有什么方法可以可靠地弥补这一点吗？

我看到过一些关于事情的讨论(例如，requestState == "complete")，但没有什么可以证实的。

---

这将用于在脚本加载完成后调用代码，这样我就不必使用 AJAX 加载新源(从而消除跨域 AJAX 的问题)。

Answer 1

您可以使用脚本加载器，例如 head.js .它有自己的加载回调，它也会减少加载时间。

---

来自 headjs 代码:(稍微修改以更便携)

function scriptTag(src, callback) {

    var s = document.createElement('script');
    s.type = 'text/' + (src.type || 'javascript');
    s.src = src.src || src;
    s.async = false;

    s.onreadystatechange = s.onload = function () {

        var state = s.readyState;

        if (!callback.done && (!state || /loaded|complete/.test(state))) {
            callback.done = true;
            callback();
        }
    };

    // use body if available. more safe in IE
    (document.body || head).appendChild(s);
}