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

xiaoxiao2021-02-28  43

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

$(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'); }); });

执行结果:

img完毕     imgz.html:29 

加载完毕     imgz.html:35 

     

看来可以根据执行前后时间来决定玩法了哦。 

转载请注明原文地址: https://www.6miu.com/read-2622386.html

最新回复(0)