<img src=""/>引發的問題

標籤：

在HTML網頁中，如果使用

<img src="">

這樣的語句，會導致當前網頁被重新載入一次。尤其是對於 php/ asp/ aspx 類型的後台指令碼，會導致程式被連續執行兩次。

例如，網頁指令碼的名稱為 index.aspx/ index.php/ index.asp，內容中如下：

<html>

<body>

<img src="" />

...其他伺服器端代碼...

</body>

</html>

調用這個頁面的URL 的時候，如果監視網路活動，會發現，網頁被調用了2次。如果該訪問該網頁的URL 還帶有參數，那麼第一次調用有參數，第二次調用沒有參數。

具體原因是，在img 對象的src 屬性是Null 字元串("")的時候，瀏覽器認為這是一個預設值，值的內容為當前網頁的路徑。瀏覽器會用當前路徑進行再一次載入，並把其內容作為映像的二進位內容並試圖顯示。

對於不同的瀏覽器測試後，發現對於有無src 或者src 是否為空白的情況，還不盡相同，測試結果如下表。

代碼	Firefox	IE6	IE7
<img src="" />	會重複載入	會重複載入	會重複載入
<img src />	會重複載入	正常	正常
<img />	正常	正常	正常

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

<img />

<img src=""/>引發的問題