1. 程式人生 > >html原生onload方法執行在jq的.on方法之前哦!

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

剛剛將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 

看來可以根據執行前後時間來決定玩法了哦。