js頁面加載完成事件

jquery的一種簡寫形式：

$(function(){ 
    alert("頁面加載完成！"); 
}); 

其對應的完整形態為：

$(document).ready(function(){ 
    alert("頁面加載完成！"); 
}); 

原生JS方法：

window.onload=function(){ 
    alert("頁面加載完成！"); 
} 

這幾種方法在功能上的效果是一樣的，但是三者（或者說兩者）還是有一些區別的：

　　window.onload 會在頁面的document全部加載完成以后，並且要求所有的外部圖片和資源全部加載完成后才會執行操作。

　　$(document).ready(function() 只需要在瀏覽器把所有的HTML放入DOM tree之后就執行js效果。包括在加載外部圖片等資源之前。

所以，建議使用方式：

　　　　樣式控制的，比如圖片大小控制，使用$(window).load();

              jS事件觸發的方法，可以在$(document).ready()里面加載