window.onload和$(document).ready()的不同

1.首先 他们的执行时机不同

window.onload：一定会等到页面内容包括（图片，视频，元素等…）加载全部完毕后才执行。
$(document).ready()是等DOM渲染树绘制完成后执行，他不用等到加载后执行。

2.编写次数不同

windows.onload:他不可写多个，要是写多个的话，他只会执行一个其他的会被覆盖掉这里我们可以看一下

    window.onload = function(){
           console.log("onload1");
        }
        window.onload = function(){
            console.log("onload2");
        }
        window.onload = function(){
            console.log("onload3");
        }

看一下输出后的结果图片

$(document).ready()他可写多个，而且他全部都可执行的这里我们可看下

$(document).ready(function(){
           console.log("ready1");
        })
        $(document).ready(function(){
           console.log("ready2");
        })
        $(document).ready(function(){
           console.log("ready3");
        })

下面一起来看一下输出后的结果图