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