Javascript判斷圖片尺寸大小實例分析_javascript技巧

通常我們判斷js圖片大小都是利用images對象，然後再用attr來獲取圖片地址再進行判斷就可以了，下面來看一些例子。
最簡單方法：

複製程式碼 程式碼如下:

var img=new Image();


var img=new Image();
  .src=$('#tlogo').attr('src');
    if(img.width > '240'){

        $('#tlogo')..attr('width'  $('#tlogo')..attr('wid' 240');}

上面例子碰到如果頁面沒有載入完的時候，這時js就取得不了圖片大小了，對此我們可以先判斷載入完成否再判斷圖片大小。 複製程式碼

代碼如下:

或採用jquery：

複製程式碼

程式碼如下:


$("#imageId").load(function").load(function ){
   alert("載入完成！");

});

至此我們就可以對程式碼進行最佳化了

複製程式碼

程式碼如下:


$("#tlogo").load(function(function ){
 var img=new Image();
       img.src=$('#tlogo').attr('src');
   🎜>        $('#tlogo').attr('width','240');
}
});

這裡注意:#tlogo 就是你圖片位址中加的一個ID這個是必須的。