JavaScript及JQuery页面加载事件理解

1、JavaScript页面加载事件window.onload,  在页面Dom结构及所有资源文件全部加载完成后执行，页面多个的时候只执行一个。

2、JQuery有如下页面加载事件：

    a、$(document).ready( ）或 $( function( ){ } )，页面Dom结构加载完毕即是Html加载完毕后执行，不需要等到页面其他资源文件加载完成，在window.onload之前执行，同一页面可以同时多个并存互不影响。

    b、$(window).load( )，等同于window.onload。

3、在所有Dom元素加载之前执行的方法

<script type="text/javascript">
(function() {
alert("DOM还没有加载，我可以做点什么呢？");
})(jQuery)
</script>

以上3种方式主要是在时间上的区别，具体用法仁者见仁智者见智。

浏览器加载顺序：域名解析-加载html-加载js和css-加载图片等其他信息