如題:
<!DOCTYPE>
<html>
<body>
<img src="" />
</body>
</html>
調用這個頁面的時候,如果使用firebug看看,會發(fā)現(xiàn),網頁被調用了2次。如果該頁面還存在其他的復雜的數(shù)據(jù)請求,那么非常抱歉,復雜的數(shù)據(jù)依然會把二次請求。
具體原因是,在img 對象的src 屬性是空字符串("")的時候,瀏覽器認為這是一個缺省值,值的內容為當前網頁的路徑。瀏覽器會用當前路徑進行再一次載入,并把其內容作為圖像的二進制內容并試圖顯示。
對于不同的瀏覽器測試后,發(fā)現(xiàn)對于有無src 或者src 是否為空的情況,還不盡相同,測試結果如下表。
代碼 | firefox, chrome | ie6 | ie7 |
---|---|---|---|
<img src="" /> |
重新加載 | 重新加載 | 重新加載 |
<img src /> |
重新加載 | 正常 | 正常 |
<img /> |
重新加載 | 正常 | 正常 |
如果為了編程需要,希望指定一個img的src為空值,具體圖片路徑未來再填入,那正確的方法如下。這樣可以避免網頁被重復載入。
<img />