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

刚刚将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 

     

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