引起的問題

在HTML網頁中,若是使用 php

<img src=""> html

這樣的語句,會致使當前網頁被從新載入一次。尤爲是對於 php/ asp/ aspx 類型的後臺腳本,會致使程序被連續執行兩次。 編程

例如,網頁腳本的名稱爲 index.aspx/ index.php/ index.asp,內容中以下: 瀏覽器

<html> 服務器

<body> 網絡

<img src="" /> 測試

...其餘服務器端代碼... spa

</body> htm

</html> 對象

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

具體緣由是,在img 對象的src 屬性是空字符串("")的時候,瀏覽器認爲這是一個缺省值,值的內容爲當前網頁的路徑。瀏覽器會用當前路徑進行再一次載入,並把其內容做爲圖像的二進制內容並試圖顯示。

對於不一樣的瀏覽器測試後,發現對於有無src 或者src 是否爲空的狀況,還不盡相同,測試結果以下表。

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

若是爲了編程須要,但願指定一個img的src爲空值,具體圖片路徑將來再填入,那正確的方法以下。這樣能夠避免網頁被重複載入。

<img />

相關文章
相關標籤/搜索