写过网页,用过JS的码农们,应该都知道两者区别.
网页DOM结构载入完后,执行ready,网页内容都加载完后执行load.
$(document).ready(function () {
//业务逻辑
//ajax操作
});
$(window).load(function () {
//业务逻辑
});
在ready事件里执行ajax操作时,触发了onload事件。
刚开始以为是缓存机制的原因。
1.IE下,执行顺序没有问题。
2.Chrome下,会导致先执行load,再执行ready.直接影响画面的处理逻辑。
解决方法:
把ajax操作放在onload里就解决了。
$(document).ready(function () { //业务逻辑 }); $(window).load(function () { //业务逻辑 //ajax操作 });