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