Js實作Web中判斷圖檔尺寸并自動調整的方法

        在Web前端開發中，經常會需要對網頁加載的圖檔尺寸進行實時自動判斷，并對其尺寸進行動态調整，可以通過Js中的jQuery庫來實作。需要注意的是，js代碼的執行需要等待網頁加載完成後，否則可能會擷取不到圖檔的尺寸。具體實作的代碼如下：

<script language="javascript" src="jquery-1.9.1.min.js"></script>
<img id="jpg" src="abc.jpg" width="500" height="">
<script language="javascript">
	$("#jpg").load(function(){
		var img=new Image();
		img.src=$('#jpg').attr('src');
		if(img.width > img.height){
			$('#jpg').attr('width','500');
		}
		else{
			$('#jpg').attr('width','300');
		}
	});
</script>
           

        上述代碼利用images對象的attr屬性來擷取圖檔位址，進而判斷圖檔的寬或高，并且利用attr屬性對圖檔最終顯示的寬或高進行調整。當圖檔的寬度大于高度時，設定圖檔寬度為500像素，當圖檔的寬度小于高度時，設定圖檔寬度為300像素。

        當然不要忘記引用jQuery庫。