js如何判斷img圖片是否載入完畢
有時候我們需要判斷一個圖片是否載入完畢,如果載入完畢再去幹其他的事情。
恰好img元素具有onload事件可以判斷功能。
程式碼如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script type="text/javascript"> var odiv=document.getElementById("show"); var image=new Image(); image.src="demo/CSS/img/map.jpg"; image.onload=function(){ document.getElementById("img").src=image.src; } </script> </head> <body> <div id="show"></div> <img id="img"> </body> </html>
但是上面的程式碼具有一定的瀏覽器相容性問題,在低版本的IE中可能不會觸發onload事件。
解決相容問題可以參閱如何在低版本IE瀏覽器中實現判斷img圖片載入完畢一章節。
相關文章
- js如何判斷<img>圖片是否載入完畢JS
- 如何判斷一個img圖片是否載入完畢
- 如何判斷js檔案是否載入完畢JS
- 判斷img圖片是否載入成功
- jquery如何判斷js檔案是否載入完畢jQueryJS
- JavaScript判斷iframe是否載入完畢JavaScript
- js判斷引入的js檔案是否載入完畢JS
- 如何在低版本IE瀏覽器中實現判斷img圖片載入完畢瀏覽器
- jquery判斷<img>圖片是否載入完成程式碼例項jQuery
- javascript如何判斷一個圖片是否載入完成JavaScript
- js img圖片載入失敗,重新載入+斷網檢查JS
- javascript如何判斷一張圖片是否載入完成JavaScript
- js如何判斷頁面是否已經載入完成JS
- python如何判斷圖片是否為空Python
- javascript判斷flash檔案載入完畢程式碼例項JavaScript
- jquery如何實現圖片載入完畢後再去進行操作jQuery
- javascript判斷iframe頁面載入完畢方法簡單介紹JavaScript
- jQuery判斷css檔案載入完畢再去執行程式碼jQueryCSS行程
- javascript檢測iframe是否已經載入完畢JavaScript
- JavaScript判斷animation動畫執行完畢JavaScript動畫
- JavaScript 判斷transition動畫執行完畢JavaScript動畫
- 正則判斷MIME 型別是否是圖片型別
- PHP判斷檔案是否為圖片的方法PHP
- js如何判斷一個物件是否存在JS物件
- 相容IE瀏覽器的判斷img圖片尺寸的程式碼瀏覽器
- js如何判斷指定的檔案是否存在JS
- js如何判斷字串中是否含有指定字元JS字串字元
- js如何判斷是否是IE瀏覽器JS瀏覽器
- js如何判斷一個函式是否存在JS函式
- 圖片載入完執行函式函式
- js判斷字串是否為空JS字串
- js判斷物件是否為空JS物件
- js如何判斷一個變數是否具有值JS變數
- js如何判斷一個變數是否是undefinedJS變數Undefined
- js如何判斷陣列是否含有指定的元素JS陣列
- js如何判斷一個變數是否有值JS變數
- 如何在js中判斷是否包含某個字串JS字串
- Linux驅動模組載入方法和如何判斷Linux驅動是否載入成功Linux