js如何判斷<img>圖片是否載入完畢
圖片的應用大家自然就不用說了,如果一個網站沒有圖片,實在想象不出這樣的網站是什麼樣子。
我們經常需要當圖片完全載入完畢再去執行相應的操作。
所以就需要判斷圖片是否已經載入完畢,下面就介紹一下如何實現此功能,需要的朋友可以做一下參考。
使用onload事件:
使用此事件可以判斷<img>圖片是否載入完成。
看如下程式碼例項:
[HTML] 純文字檢視 複製程式碼<img id="antzone" src="softwhy.jpg" /> <script type="text/javascript"> document.getElementById("antzone").onload=function(){ alert("圖片載入已完成"); }
上面的程式碼實現了判斷功能,但是有一個不算缺點的缺點(其實推薦如此使用),js程式碼只能夠放在<img>標籤的後面。
當然onload事件可以寫在標籤之內,程式碼如下:
[HTML] 純文字檢視 複製程式碼function get(ts){ ts.style.display = 'block';//顯示圖片 } </script> <img class="antzone" onload="get(this)" src="softwhy.jpg" style='display:none'/>
相關文章
- 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