document.ready=function(){}和$(function(){})和window.onload=function(){}区别

一、window.onload=function(){};

  1. 是js原生写法,意思是带文档完全加载完毕后再执行其中的代码。
  2. 只能写一个,各种函数都可以写在这里面。

二、$(function(){})

  1. 是依赖于jQuery的,是$(document).ready(function(){})的简写。
  2. 不需要等文档完全加载,只需文章结构加载完就能执行其中的代码。
  3. 可以写多个,按顺序执行。

三、document.ready=function(){}

  1. 也是依赖于jQuery的。
  2. 相当于$(function(){}),但优先级没有$(function(){})高,从下面的例子就可以看出:
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    <script>
    document.ready=function(){
    alert(1);
    };

    $(function(){
    alert(2);
    });

    $(function(){
    alert(3);
    });


    </script>

四、(function(){})();

注:如有不正确的地方和不完整之处,希望小伙伴们呢能给指正!