img標籤的onerror事件

2021-09-24 18:30:16 字數 338 閱讀 7669

當不存在時,將觸發 onerror,而 onerror 中又為 img 指定乙個logoerror.png 。也就是說存在則顯示logo.png,不存在將顯示 logoerror.png。

但問題來了,如果logoerror.png 也不存在,則繼續觸發 onerror,導致迴圈,故會出現開啟網頁時提示 stack overflow at line: 0錯誤。特別說明:如果存在,但網路很不通暢,也可能觸發 onerror。

解決方法:

第一種:去掉 onerror **;或者更改 onerror **為其它;或者確保 onerror 中的足夠小,並且容易載入而存在。

第二種:控制它不迴圈,**如下:

img的onerror方法在火狐中的坑

下面的頁面在火狐中開啟時無顯示 lang en charset utf 8 title src script window.onload function headlogo attr src script head id headlogo body html 但是在chrome中開啟會顯示如下介面 ...

img標籤的運用

網頁中常見的影象格式大體上有三種,jpg,gif和png 有失真壓縮,色彩豐富,隱藏一些無用的資訊,只保留有用的部分。簡單動畫,背景透明。無失真壓縮,透明,交錯,動畫 使用img標籤,此標籤單獨出現 alt 的替換文字,當無法開啟時,網頁會自動顯示alt的內容來代替 1 html 2 head ti...

img 的相關事件

為什麼要等待乙個載入?想要找出如何判斷載入事件的方法,那麼就接著往下讀吧。onload 和 onerror 這兩個屬性以及可以正常的在dom 標籤上使用了 htmlimageelement react 要使用駝峰格式來獲取這個事件,這也是onloadandonerror的來由。react的文件中已經...