设计模式observer在ajax中的一个应用，解决页面onload函数同一时间只有一个可以用

最新推荐文章于 2025-12-17 19:02:04 发布

原创最新推荐文章于 2025-12-17 19:02:04 发布 · 794 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#设计模式 #ajax #function #jquery #测试 #ie

本文介绍了一种使用jQuery实现页面加载完成后执行多个函数的方法。通过创建一个加载监听器数组并在页面加载时依次调用这些监听器，可以确保不同功能模块按需正确加载。此外，还提到了在IE和Firefox浏览器中实现类似功能的不同方式。

jquery下解决
每个要执行的代码自己加到队列里去，这样不同的函数就不会混在一起了

window.onloadListeners=new Array();
window.addOnLoadListener(listener){
window.onloadListeners[window.onloadListeners.length]=listener;
}

这样window对象只要遍历这个数组就可以了

window.onload=function(){
 for(var i=0;i<window.onloadListeners.length;i++){
  var func=window.onloadListeners[i];
  func.call();
 }
}
IE下解决
window.attachEvent("onload", function(){alert("测试");});
window.attachEvent("onload", function(){alert("测试2");});
火狐下
addEventListener


不考虑兼容问题，自己写推荐第一种，使用方便推荐第二种attachEvent（w3c标准）