firefox - Javascript : Onload event in Firefox not firing

Question

我正在调用动态脚本以在窗口的 onload 事件之前加载一些外部 JS。这是示例代码。

var temp = document.createElement('script');
temp.type = 'text/javascript';
temp.async = temp.defer= true;
temp.src = "http://stevesouders.com/efws/iframe-empty.php?t==";
window.setTimeout(function(){document.getElementsByTagName('head')[0].appendChild(temp)},0);

此代码在 IE 上完美运行(Window onload 事件不等待动态脚本资源下载)。但是它不适用于 Firefox。窗口onload事件等待动态脚本资源下载。

是否有任何解决此问题的方法。您可以使用 http://nidhisekhar.com/samples/async_script_call_settimeout.html链接以查看 IE 和 Firefox 上的行为。感谢您的帮助。

谢谢，拉惹

Answer 1

试试这个 JavaScript 函数:

// Adds script tag to head of the page
function addScriptToHead(source, code, type) {
    var script = document.createElement('script');
    if (type === 'js') {
        script.setAttribute('type', 'text/javascript');
    }
    if (source !== '') {
        script.setAttribute('src', source);
    }
    if (code !== '') {
        if (document.all && !window.opera)  {
            script.text = code;
        } else {
            script.innerHTML = code;
        }
    }
    document.getElementsByTagName('head')[0].appendChild(script);
}

调用示例:

addScriptToHead(路径, '', 'js');