嵌套异步 JavaScript

Question

我正在使用指定的技术 http://friendbit.com/js/lazy-loading- asyncronous-javascript/ 在触发 window.onload() 时加载外部 javascript。但是，如果脚本本身包含加载事件处理程序的某些注册，那么它们可能不会被调用，因为事件已（以某种方式）传递。为了确认，我将以下代码添加到如上所述加载的外部javascript文件中：

(function() {
   if (window.attachEvent)
       window.attachEvent('onload', alert("ok"));
   else
       window.addEventListener('load', alert("ok"), false);
})(); 

实际上出现了这个警报，这让我思考，onload是否被调用两次，或者加载javascript是否意味着加载脚本，运行其“全局” ”部分，然后转向下一位听众。在后一种情况下，如果在运行其“全局”部分时将另一个侦听器添加到 onload 事件，则此行为是正确的。但我不确定这一点，如果更有经验的人能够澄清/确认这一点，我将不胜感激。

Answer 1

我相信警报是在附加事件时调用的，而不是在加载窗口时调用的。这是因为您正在执行警报函数，然后将警报的结果（将为空）作为第二个参数传递给attachEvent。

您正在执行的本质上是：

(function() {
    var returnValue;
    if (window.attachEvent) {
       returnValue = alert("ok");
       window.attachEvent('onload', returnValue);
    } else {
       returnValue = alert("ok")
       window.addEventListener('load', returnValue, false);
    }
})(); 

要测试您在问题中描述的内容，您需要修改代码：

(function() {
   if (window.attachEvent)
       window.attachEvent('onload', function() {alert("ok");});
   else
       window.addEventListener('load', function() {alert("ok");}, false);
})();