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(){});这第一种方法来加载页面