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()里面加载