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");
});
具体区别还在研究当中,让我们来看看几种方法的整体效果:
View Code
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");
}