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