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);
    	});

    	//输出的顺序为2 3 1
    </script>

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

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

end

js