首頁 > web前端 > js教程 > img onload事件綁定各瀏覽器皆可執行_基礎知識

img onload事件綁定各瀏覽器皆可執行_基礎知識

WBOY
發布: 2016-05-16 17:46:01
原創
1283 人瀏覽過

在需要對img進行onload事件綁定的時候,一般大家都會想到用常規的方法進行事件綁定,如下:

複製程式碼 代碼如下:





img onload事件綁定(錯誤用法)



img onload事件綁定各瀏覽器皆可執行_基礎知識
body>


此時大家會發現alert(1)並沒有執行,這是什麼原因呢?特別是在ie和ff瀏覽器下。
而且在用到jquery插件庫的時候會發現,alert除了在ie和Opera瀏覽器不彈出來外,其他瀏覽器均彈出來,這是為什麼呢? !
主要是window.onload事件是在頁面dom元素載入完後執行,也就包含了img圖片中src載入完成。那麼img.onload 就不會執行了,
因為其是監聽img的src是否載入完成。
那麼,如何對img圖片進行onload事件綁定呢?具體代碼如下:
複製代碼 代碼如下:





img onload事件綁定(正確用法)



img onload事件綁定各瀏覽器皆可執行_基礎知識



這種方法,在各瀏覽器下均執行alert(1)。
也就是在頁面dom元素載入完成後,取得img的dom對象,取得其src屬性,再將其src設定為''空,然後監聽img的onload事件,最後再設定img的src屬性即可。
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板