首页 / JAVASCRIPT / 把多个JavaScript函数绑定到onload事件处理函数上

把多个JavaScript函数绑定到onload事件处理函数上

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了把多个JavaScript函数绑定到onload事件处理函数上，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1079字，纯文字阅读大概需要2分钟。

内容图文

为了让函数只在页面加载完毕后才得到执行，我们会把函数绑定到onload事件上：
window.onload = userFunction
但如果有两个函数：firstFunction() 和 secondFunction()，都想让它们在页面加载完毕后得到执行，该怎么办？如果这样：
     window.onload = firstFunciton;
     window.onload = secondFunction;
只有最后一个函数能被执行。由此可得：每个事件处理函数只能绑定一条指令。
但我们可以这样做：
     window.onload = function(){
          firstFunction();
          secondFunction();
     }
这是一个解决办法。
 
不过，还有一个更通的解决方案——额外编写一些代码，但好好处是，有了这些代码，把函数，不管它们有多少，绑定到window.onload事件上的工作就非常简明易行了。
这个函数的的名字是addLoadEvent，它是由Simon Willison编写的。它只有一个参数：打算在页面加载完毕时执行的函数的名字。
下面是addLoadEvent()函数将要完成的操作：
  1. 把现有的window.onload事件处理函数的值存入变量oldonload。
  2. 如果在这个处理函数上还没有绑定任何函数，就像平时那样把形函数添加给它。
  3. 如果在这个处理函数上已经绑定了一些函数，就把形函数追加到现有指令的末尾。
下面是addLoadEvent()函数的代码清单：
     function addLoadEvent(func){
          var oldonload = window.onload;
          if(typeof window.onload != ‘function‘){
               window.onload = func;
          }else{
               window.onload = function(){
                    oldonload();
                    func();
               }
          }
     }
 
这相当于为那些将在页面加载完毕时执行的函数创建了一个队列。如果想把刚才那两个函数添加到队列中去，只需要写出以下代码即可：
     addLoadEvent(firstFunction);
     addLoadEvent(secondFunction);
 
 
 
 

原文：http://www.cnblogs.com/KeenLeung/p/3568418.html

内容总结

以上是互联网集市为您收集整理的把多个JavaScript函数绑定到onload事件处理函数上全部内容，希望文章能够帮你解决把多个JavaScript函数绑定到onload事件处理函数上所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1195289.html

来源：【匿名】