img的onerror方法在火狐中的坑

2021-09-23 19:09:05 字數 604 閱讀 9220

下面的頁面在火狐中開啟時無顯示

lang="en">

charset="utf-8">

title>

src=""

script>

window.onload= function

() ;

$('#headlogo').attr('src' ,'');

}script>

head>

id="headlogo" >

body>

html>

但是在chrome中開啟會顯示如下介面:

但是把$(『#headlogo』).attr(『src』 ,」); 改為

$(

'#headlogo').attr('src' ,'a');

在火狐中是好使的,即執行了onerror方法.可以看看火狐的控制台資訊:

總結:在火狐中,設定的src為空字串,不會觸發onerror方法

img標籤的onerror事件

當不存在時,將觸發 onerror,而 onerror 中又為 img 指定乙個logoerror.png 也就是說存在則顯示logo.png,不存在將顯示 logoerror.png。但問題來了,如果logoerror.png 也不存在,則繼續觸發 onerror,導致迴圈,故會出現開啟網頁時提示...

img在div中垂直居中的方法

html中 方法 1.將display設定成table cell,然後水平居中設定text align為center,垂直居中設定vertical align為middle。2.通過position定位來實現。將div設定成相對定位relative,將img設定成絕對定位absolute,left ...

img元素間空白的解決方法

為了做滾動的幻燈片,需要把一張張接起來,然後再逐張呈現,可是排列好後,每兩張圖中間出現了空白 padding,margin已經都是0 而且寬度不可知,這樣用js來寫動畫的時候顯然不好判斷,於是google之,得到下面的解決辦法,結合本人實際情況備註如下 1 將轉換為塊級對像 即,設定img為 dis...