1. 程式人生 > >JavaScript及JQuery頁面載入事件理解

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-載入圖片等其他資訊