html原生onload方法執行在jq的.on方法之前哦!
阿新 • • 發佈:2018-12-30
剛剛將jq的.load換為.on('load', 想起來還有個原生的onload事件,手癢測試了一下,有收穫哦!
$(function () { document.getElementById('imgx').onload=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
看來可以根據執行前後時間來決定玩法了哦。