页面渲染后执行 Javascript IE6

Question

在 IE 6 中完全呈现页面之前，我在运行一些 JavaScript 时遇到了问题（也许其他版本也是如此，但现在只是测试 IE6。Firefox 似乎没问题）。我可以通过像这样调用 window.onload 上的 js 来解决这个问题：

window.onload = function(){doIt();}

但是，我担心的是我会覆盖 window.onload 中可能已经存在的任何其他内容>。该代码将用作库的一部分，因此我不能保证 window.onload 不会被其他人设置在其他地方。我宁愿将我的函数附加到 onload 事件中，如下所示：

window.onload += function(){doIt1();}
window.onload += function(){doIt2();}

但是当我这样做时，只会调用 doit2() 。有没有办法在页面完全呈现时注册事件处理程序？我的第二个想法是将我的代码放入循环检查中，以确保我的所有对象在运行之前都存在。但我担心这可能会锁定浏览器。

只是为了一些背景信息，我的代码隐藏/显示 iFrame。我知道我可以使用 iFrame 的 onload 属性，但我需要在调用代码之前完全加载所有 iFrame。

社区有什么想法吗？预先感谢您的输入。

Answer 1

使用这个通用的 addLoadEvent 函数...

function addLoadEvent(func) {
  if(typeof window.onload != 'function')
    window.onload = func;
  else {
    var oldLoad = window.onload;

    window.onload = function() {
      if(oldLoad) oldLoad();
      func();
    }
  }
}

这本质上是对要执行的函数进行排队。它永远不会覆盖先前分配的处理程序。下面的示例用法...

addLoadEvent(function() { alert("One!"); });

addLoadEvent(two);
function two() {
  alert("Two!");
}

我想提一下，像 jQuery 这样的库会为您解决此类已知问题。