jquery和js的幾種頁面加載函數的方法以及執行順序

 

參考博客：http://www.cnblogs.com/itslives-com/p/4646790.html

　　　　   https://www.cnblogs.com/james641/p/7838373.html

執行順序：A>B>C>D>E

 

$(function()
{
    alert("A");
});

$(document).ready(function(){
    alert("B");
});

jQuery(function($) {  
    alert("C");  
});

function loads(){
    alert("D");
};

window.onload=function(){
    alert("E");
};

 

　　小結：

 

　　window.onload = function() {}這個JS函數會在整個頁面的document全部加載完成以后執行。

　　　　不僅要求頁面的DOM tree全部加載完成，而且要求所有的外部圖片和資源全部加載完成。

 

　　至於jquery的方法，僅僅只需要加載完所有的DOM結構，在瀏覽器把所有的HTML放入DOM tree之前就執行js效果。包括在加載外部圖片和資源之前。  

　　

　　故推薦使用$(function(){});這第一種方法來加載頁面