onload事件绑定多个javascript函数代码

左手的ㄟ右手 2021-11-23 02:14 403阅读 0赞

onload事件是让这个函数只在网页加载完成后才得以执行，特别是在DOM操作中，XHTML文档加载完成之前，DOM是不完整的。
下面来看看onload具体应用：
window.οnlοad=functionname;//functionname函数名；
假设我们要加载两个函数：first()和second()；如果你写成这样：

window.οnlοad=first;
window.οnlοad=second;
那么只有second()会被执行到；first()不会被执行；

解决方案一：我们可以为window.onload写一个函数，例如：

  1. window.οnlοad=function(){
  3. first();
  4. second();
  5. }

解决方案二：写一个函数，代码：

  1. function addLoadEvent(func){
  3. var oldοnlοad=window.onload;
  4. if(typeof window.onload !=”function”){
  6.         window.οnlοad=func;
  7.     }else{
  9.         window.οnlοad=function(){
  11.             oldonload();
  12.             func();
  13.         }
  14.     }
  15. }

现在就可以直接调用了：

  1. addLoadEvent(first);
  2. addLoadEvent(second);

这是在阅读《javascript Dom编程艺术》发现的，觉得对于初学者还是很不错的。

原文：http://www.forfaith.tk/archives/374

转载于:https://www.cnblogs.com/c3055/archive/2011/10/09/2203881.html

发表评论

表情：
评论列表 （有 0 条评论，403人围观）

还没有评论，来说两句吧...

相关阅读