jQuery的页面加载事件

　　window.onload=function(){...}作用是当页面加载的时候可以调用某些函数，例如：

window.onload = function() {
    alert("加载成功");
}

Firefox显示结果

但是这个时间只能有一个，例如：

window.onload = function() {
    console.log("window.onload fn1");
}
window.onload = function() {
    console.log("window.onload fn2");
}

在FireBug中显示结果为：

可以清楚的看到只打印了第二句，但是上面的方法的却是运行到了

所以得出的结论是window.onload事件只能有一个，如果有多个，则值运行最下面的那一个。

但是在.net中经常需要在后台加载JS，如果碰到这种情况岂不死翘翘了？

jQuery很好的解决了这个问题，jQuery也有一个页面加载事件，例如：

jQuery(function() {    //或者$(function(){...});

    console.log("jQuery fn1");

});

/比较老的写法
$(document).ready(function() {

    console.log("$ fn2");

});

来看看以下代码的运行效果：

jQuery(function() {
    
    console.log("jQuery fn1");
    
});

jQuery(function() {

    console.log("jQuery fn2");

});

具体区别还在研究当中，让我们来看看几种方法的整体效果：

jQuery(function() {

    console.log("jQuery fn1");

});

jQuery(function() {

    console.log("jQuery fn2");

});

$(document).ready(function() {

 console.log("$ fn2");

});

$(document).ready(function() {

    console.log("$ fn1");

});

window.onload = function() {

    console.log("window.onload fn1");

}
window.onload = function() {

    console.log("window.onload fn2");

}