如何判斷一個img圖片是否載入完畢
本章節介紹一下如何判斷一個圖片是否載入完畢,實現此功能的方式有多種,下面就對比較常用的做一下簡單介紹,希望能夠給需要的朋友帶來幫助,下面進入正題。
實現方式一:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> </head> <body> <img id="theimg" src="mytest/demo/tree.jpg"/> <p id="loadding">loading...</p> <script type="text/javascript"> theimg.onload=function(){ loadding.innerHTML='載入完畢' } </script> </body> </html>
以上程式碼可以實現我們的要求,當圖片載入完畢就會觸發onload事件。
實現方式二:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> </head> <body> <img id="theimg" src="mytest/demo/tree.jpg"/> <p id="loadding">loading...</p> <script type="text/javascript"> theimg.onreadystatechange=function(){ if(theimg.readyState=="complete"||theimg.readyState=="loaded"){ loadding.innerHTML = '載入完畢' } } </script> </html>
和第一種方式一樣同樣可以實現我們的要求。
相關文章
- 判斷img圖片是否載入成功
- JavaScript判斷iframe是否載入完畢JavaScript
- python如何判斷圖片是否為空Python
- 如何判斷一個玩法是否合格?
- 如何判斷一個物件是否為空?物件
- 判斷一個有向圖是否有環
- 如何判斷一個元素文字是否換行?
- python如何判斷一個物件是否是列表Python物件
- 判斷一個物件是否為空物件,判斷一個物件中是否有空值物件
- 正則判斷MIME 型別是否是圖片型別
- PHP判斷檔案是否為圖片的方法PHP
- python如何判斷一個數是否是整數Python
- 如何判斷一個 interface{} 的值是否為 nil ?
- JS如何判斷一個陣列是否為空、是否含有某個值JS陣列
- 如何實現一個圖片載入框架框架
- javascript中如何判斷一個字串是否為JSON格式JavaScript字串JSON
- 如何判斷一個元素是否在可視區域中?
- 如何判斷一個js物件是否存在迴圈引用JS物件
- 判斷一個陣列是否排好序陣列
- 圖片載入完執行函式函式
- 如何判斷一個點在地圖上?如何判斷一個點在多邊形內?地圖
- Linux驅動模組載入方法和如何判斷Linux驅動是否載入成功Linux
- 如何判斷一個元素在億級資料中是否存在?
- 如何在億級資料中判斷一個元素是否存在?
- JavaScript 中,如何判斷兩個物件是否相等?JavaScript物件
- mysql如何判斷是否存在某個欄位MySql
- 判斷字串是否唯一字串
- 前端如何通過連結去下載img圖片前端
- PHP 判斷一個字元是否在字串中PHP字元字串
- PHP判斷一個字串是否包含亂碼PHP字串
- 如何判斷一項技術是否有前途?
- mysql如何判斷是否為空MySql
- postgresql如何判斷表是否存在SQL
- 圖片預載入,圖片懶載入,和jsonp中的一個疑問JSON
- 如何判斷元素是否進入可視區域viewport?View
- JDK是如何判斷兩個物件是否相同的?判斷的流程是什麼?JDK物件
- 判斷Map集合中是否存在某一個key
- 對一個連結串列判斷是否有環
- 判斷一個數是否為質數(程式碼)