jquery文檔加載完畢後執行的幾種寫法

1.js文檔加載完畢

• 標籤內 onload="test()"
• window.onload=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