img標籤src為空引發兩次請求頁面的問題

2021-05-23 01:27:10 字數 608 閱讀 7227

最近一直在asp.net mvc下開發**,今天碰到了很讓人鬱悶的問題。

我乙個controller裡的 action在頁面載入時被呼叫了2次。

起初懷疑js問題,但遮蔽調js後,問題依舊。沒辦法,把頁面裡的內容分別遮蔽的找了半天原 因,最終發現是因為

頁面含有乙個

...其他伺服器端**...

...其他伺服器端**...

當呼叫這個頁面的url 的時候,會發現,網頁被呼叫了2次。如果該訪問該網頁的url 還帶有引數,那麼第一次呼叫有引數,第二次呼叫沒有引數。

google了下,發現具體原因是,在img 物件的src 屬性是空字串("")的時候,瀏覽器認為這是乙個預設值,值的內容為當前網頁的路徑。瀏覽器會用當前路徑進行再一次載入,並把其內容作為影象的二進位制內 容並試圖顯示。

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

**firefox

ie6ie7

會重複載入

會重複載入

會重複載入

會重複載入

正常正常

正常正常正常

以後如果路徑後來才賦值的,一定注意這個問題,不要加上src=""。

img標籤的src為空的缺陷

在img 物件的src 屬性是空字串 的時候,瀏覽器認為這是乙個預設值,值的內容為當前網頁的路徑。瀏覽器會用當前路徑進行再一次載入,並把其內容作為影象的二進位制內容並試圖顯示。對於不同的瀏覽器測試後,發現對於有無src 或者src 是否為空的情況,還不盡相同,測試結果如下表。firefox ie6 ...

vue中img標籤的src屬性總結

初步接觸vue框架時,好多朋友使用img標籤時,設定動態src屬性時,可能都會遇到路徑不生效的問題,咱們廢話不多說,開整 img標籤引用資源 一般不需要webpack處理的資源放在static,需要經過處理的放在assets 1.不需要webpack處理的放在static 不需要webpack處理的...

vue動態繫結img標籤的src位址

問題 如果使用vue lazyloader載入那就是 摘自 在webpack中會將來當做模組來用,因為是動態載入的,所以url loader將無法解析位址,然後npm run dev 或者npm run build之後導致路徑沒有被加工。摘自 注意 require assets images 這部分...