js-window.onload只能调用一次的问题！

小渣渣

_addLoadEvent这个方法就是判断是否多次调用了onload，如果多次调用，就把多个调用的方法再Window.onload里面依次执行

登录可见。

其实很简单的，_addLoadEvent（func），传一个函数进去，然后判断window.onload有没“绑定”一个函数（就是typeof(window.onload) != ‘function’），如果不是，就直接执行传进来的func函数。如果已经“绑定”了，那么将老的函数跟新的函数全部定义到window.onload的内部，一次执行。即：window.onload = function(){ oldonload(); func();}

如果一个页面有多个window.onload定义，往往只执行最后一个定义。

那就来说说   window.onload、$(document).ready(function(){}）、$(window).load(function(){}）的区别吧！

首先比较下window.onload与$(document).ready(function(){}）。



1.执行时间
    window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。
    $(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。

2.编写个数

     window.onload不能同时编写多个，如果有多个window.onload方法，只会执行一个
     $(document).ready()可以同时编写多个，并且都可以得到执行

3.简化写法

     window.onload没有简化写法
     $(document).ready(function(){})可以简写成$(function(){});

$(window).load(function(){}）和window.onload区别在于$(window).load(function(){}）可以写多个