jquery文档加载完毕后执行的几种写法

2019独角兽企业重金招聘Python工程师标准>>>

1.js文档加载完毕

• 标签内 οnlοad="test()"
• window.οnlοad=function(){}

2.jquery文档加载完毕

//方式1
$(document).ready(function(){
    //TODO
});
//方式2
$(function(){
   //TODO
})
//方式3
$(function($){
   //TODO
})
//方式4
(function($){
   //TODO
})(jQuery)
//方式5
$(window).load(function(){
    //TODO
});

经过测试，总结他们的执行顺序

方式4--》(方式1,2,3)--》方式5

至于方式1,2,3的执行顺序，谁在上面谁先执行

附上代码

<script>
	$(window).load(function(){
		console.log("方式5");
	})
</script>
<script>
	$(function($){
		console.log("方式3");
	})
</script>
<script>
	$(function(){
		console.log("方式2");
	})
</script>
<script>
	$(document).ready(function(){
		console.log("方式1");
	});
</script>
<script>
	(function($){
		console.log("方式4");
	})(jQuery)
</script>

结果：

方式5是最慢的那个，因为加载的是window

转载于:https://my.oschina.net/u/3680343/blog/1604521