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

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

複製程式碼 代碼如下:

body>

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

複製代碼 代碼如下:

這種方法，在各瀏覽器下均執行alert(1)。
也就是在頁面dom元素載入完成後，取得img的dom對象，取得其src屬性，再將其src設定為''空，然後監聽img的onload事件，最後再設定img的src屬性即可。