javascript的img圖片IE下onload事件第二次無法觸發
在實際應用中可能會動態的載入圖片,如下程式碼:
[JavaScript] 純文字檢視 複製程式碼var img=new Image(); img.src="delete.gif"; img.onload=function(){ var iheight=img.height; var iwidth=img.width; };
上面你的程式碼在第一次執行的時候在所有的瀏覽器都能夠正常執行,但是當第二次執行的時候IE9以下瀏覽器不能夠觸發onload事件,這是由於瀏覽器快取導致的,解決方案也非常的簡單,程式碼如下:
[JavaScript] 純文字檢視 複製程式碼var img=new Image(); img.onload=function(){ var iheight=img.height; var iwidth=img.width; alert(iwidth); }; img.src="delete.gif";
上面的程式碼就是調換了一下img.src="delete.gif"和事件處理函式的順序。
相關文章
- img圖片無法顯示利用onerror事件顯示替代圖片Error事件
- IE瀏覽器下圖片載入onload事件失效解決方案瀏覽器事件
- 解決IE中img.onload失效的方法
- IE10與IMG圖片PNG顯示不了 WP中的WebBrowser中無法檢視PNG格式的圖片IE10Web
- javascript如何獲取img圖片的尺寸JavaScript
- IMG圖片下面出現下邊距的解決辦法
- HTML img 元素無法顯示 base64 圖片的可能原因HTML
- storage事件中的坑,storage.setItem()無法觸發storage事件事件
- 批量更新時無法觸發事件的解決方法事件
- javascript–BOM的onload事件和onunload事件JavaScript事件
- 相容IE瀏覽器的判斷img圖片尺寸的程式碼瀏覽器
- IE下的圖片空隙間距BUG和解決辦法
- JavaScript 模擬事件觸發JavaScript事件
- HTML標記語法之圖片Img元素HTML
- IE8.0 上傳圖片時,提示無效的圖片檔案的解決辦法!
- HTML img標籤之onAbort、onError、onLoad事件與問題HTMLError事件
- 【ie相容性】ie10及以下帶img的absolute定位,導致點選事件無效IE10事件
- 為什麼trigger()無法觸發hover事件事件
- 瀏覽器能正常訪問圖片,但是放到img src下就無法顯示的解決方案瀏覽器
- IE瀏覽器下js無法獲取隱藏圖片尺寸簡單介紹瀏覽器JS
- Android觸控事件(下)——事件的分發Android事件
- javascript如何獲取觸發事件的物件JavaScript事件物件
- jquery中trigger無法觸發hover事件的解決方案jQuery事件
- js在IE下修改圖片的src屬性無效解決方案JS
- 使用img的onerror事件來繫結圖片異常時的處理Error事件
- canvas代替img渲染圖片Canvas
- 圖片無法載入的情況下的優化優化
- jQuery $(document).ready()和JavaScript onload事件jQueryJavaScript事件
- javascript避免dom事件重複觸發JavaScript事件
- javascript實現的同時按下ctrl和其他鍵觸發事件JavaScript事件
- 原生javascript如何獲取觸發事件的物件JavaScript事件物件
- MUI 在上拉載入的容器中手機無法觸發click事件UI事件
- combox 的blur焦點離開事件,無法觸發記錄事件
- 前端如何通過連結去下載img圖片前端
- JS 下載檔案方法分享(解決圖片檔案無法直接下載和 IE相容問題)JS
- JS 頁面載入觸發事件 document.ready和window.onload的區別JS事件
- window.onload事件觸發的時候頁面並沒有被瀏覽器渲染事件瀏覽器
- Image onload 事件事件