chrome下img載入對height()的影響範例探討_javascript技巧

複製代碼如下代碼：

渡//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


>


.floatleft {
float:left;
}
樣式>


$(function() {
var img_h = $('.showimg').height();
var img_w = $('.showimg').width();
var text_h = $('.showtext').height() ;
$('.showresult').html('showImg:' img_w '&' img_h '
>showText:' text_h); >alert('showImg:'img_w'&'img_h'
>showText:'text_h)
});
腳本>
頭>

這是文字

這裡顯示結果。

身體>

關注程式碼在chrome運行中，當alert視窗彈出時，就會發現頁面的img並沒有載入。

運行結果如下：

這是文字
showImg:112&0
showText:18

1、此處img的寬度默認為112，但是我連結的img的寬度為1000,

2、此處img 的高度為0,

做以下結構

複製程式碼 程式碼如下：

>

運行🎜>運行結果為：

這是文字
showImg:1000&0
showText:18
img 的高度恢復為0

當

結論下，img不設定寬高，透過jquery的width()和height()取得到img的寬高112px * 0

求助：希望哪位大俠有好的方法，能在不設定寬高的情況下取得到正確的值。