HTML Web開發(fā) 頁面中有<img src="">這樣的語句,會導致當前網頁被重新載入一次的解決方法

如題:

<!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 />

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Spring Cloud為開發(fā)人員提供了快速構建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 134,886評論 18 139
  • 一:在制作一個Web應用或Web站點的過程中,你是如何考慮他的UI、安全性、高性能、SEO、可維護性以及技術因素的...
    Arno_z閱讀 1,212評論 0 1
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,796評論 1 92
  • ¥開啟¥ 【iAPP實現(xiàn)進入界面執(zhí)行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開一個線程,因...
    小菜c閱讀 6,510評論 0 17
  • Linux - 14.04.5Apache - Apache2Mysql - mysql5.6PHP - php5...
    曹淵說創(chuàng)業(yè)閱讀 433評論 0 0