【addLoadEvent】绑定多个函数到onload事件处理函数上

◇函数名称:

    addLoadEvent

◇功能描述:

    将多个函数绑定到onload事件处理函数上,使得当页面加载完成后加载多个函数。

◇调用方法:

    addLoadEvent(newFunction);

◇上下文情景:

    onload事件处理函数,一般只能直接绑定一个函数,addLoadEvent可在页面加载后处理多个函数。

◇工作方式&技术要点

    ·将旧的onload函数的值赋予一个变量oldonload。
    ·判断onload事件是否为空(即未绑定任何函数),通过判断onload事件处理函数的类型(typeof)是否为function。若为空,则直接绑定当前函数。若不为空,建立匿名函数,先加载oldonload,再加载新函数。

◇关键代码展示

function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } 
  else {
    window.onload = function() {
      oldonload();
      func();
    }
  }
}
posted @ 2011-03-29 09:46  chemandy  阅读(287)  评论(0)    收藏  举报