HTML Web開發 頁面中有這樣的語句,會導致當前網頁被重新載入一次的解決方法

比如


<!DOCTYPE>
<html>
 <body>  <img src="" /> </body>
</html>


調用這個頁面的時候,如果使用firebug看看,會發現,網頁被調用了2次。如果該頁面還存在其他的複雜的數據請求,那麼非常抱歉,複雜的數據依然會把二次請求。


具體原因是,在img 對象的src 屬性是空字符串("")的時候,瀏覽器認爲這是一個缺省值,值的內容爲當前網頁的路徑。瀏覽器會用當前路徑進行再一次載入,並把其內容作爲圖像的二進制內容並試圖顯示。
對於不同的瀏覽器測試後,發現對於有無src 或者src 是否爲空的情況,還不盡相同,測試結果如下表。

代碼
firefox
ie6
ie7
<img src="" />
重複載入
重複載入
重複載入
<img src />
重複載入
正常
正常
<img />
正常
正常
正常

如果爲了編程需要,希望指定一個img的src爲空值,具體圖片路徑未來再填入,那正確的方法如下。這樣可以避免網頁被重複載入。
<img />

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章