JS页面加载完成触发事件

JS 

window.onload=function(){ //do something }

<script type="text/javascript"> 

window.onload=function(){ 

var userName="xiaoming"; 

alert(userName); 
} 

</script> 

JQuery 的话很常见的写法就是

$(function () { });

$(function(){ 
      // do something 
});

它是简写原来的写法

$(document).ready(function () { });

$(document).ready(function(){
     //do something
})
//或者下面这个方法，jQuer的默认参数是：“document”；
$().ready(function(){
    //do something
})

document.ready和onload的区别

ready，表示文档结构已经加载完成（不包含图片等非文字媒体文件）:在同一个页面里可以多次出现.ready()

onload，指示页面包含图片等文件在内的所有元素都加载完成。

使用$(document).ready(){ }一般来说都要优于试用onload事件处理程序，但必须要明确一点的是，因为支持文件可能还没有家在完成，所以类似图像的高度和宽度这样的属性此时不一定有效。