html原生onload方法执行在jq的.on方法之前哦！

139 阅读 0 评论 92 点赞

我是靠谱客的博主勤劳鞋子，这篇文章主要介绍html原生onload方法执行在jq的.on方法之前哦！，现在分享给大家，希望可以做个参考。

刚刚将jq的.load换为.on('load', 想起来还有个原生的onload事件，手痒测试了一下，有收获哦！

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
$(function () {
document.getElementById('imgx').οnlοad=function(){
// 加载完成
//
alert('load ok');
$('#imgwh').text ('loaded ok');
var w = $('#imgx').width();
var h = $('#imgx').height();
mwhr=w/h;
$('#imgwh').text(w+','+h+':@'+mwhr) ;
//$('img').attr('src' , url).show();
if(dwhr>mwhr){
//alert('xh');
}else{
//alert('xw');
}
console.log('img完毕');
};
/* */
$('#imgx').on('load',function() {
//alert('load');
console.log('加载完毕');
$('#imgwh').text ('loaded');
});
});