摘要:創建一個圖片對象圖片對象的屬性圖片對象的事件具體參考有一個需要注意的在使用的屬性的時候,最好是放在后面兼容,默認都是觸發后,圖片描述才觸發而可能在在還沒觸發成已經觸發了。及以下不支持事件
創建一個圖片對象 : var img=new Image([w,h])
圖片對象img的屬性:border|complete |height |width |hspace |lowsrc |name |src |vspace ;
圖片對象img的事件:onload |onerror |onabort
具體參考:http://www.w3school.com.cn/js...
有一個需要注意的: 在使用src的屬性的時候,最好是放在onload后面(兼容ie)
ff,chrome默認都是 window.onload 觸發后,img.o圖片描述nload才觸發
而 ie 可能在img.onload 在 window.onload 還沒觸發 成已經觸發了。
var img=new Image(); img.onload=function(){alert("img is loaded")}; img.onerror=function(){alert("error!")}; img.src="http://www.baidu.com/img/bd_logo1.png"; function show(){alert("body is loaded");}; window.onload=show;
可以通過Image對象的complete 屬性來檢測圖像是否加載完成(每個Image對象都有一個complete屬性,當圖像處于
裝載過程中時,該屬性值false,當發生了onload、onerror、onabort中任何一個事件后,則表示圖像裝載過程結束(不管成沒成功),此時complete屬性為true)
ie 火狐等大眾瀏覽器均支持 Image對象的onload事件。 ie8及以下、opera 不支持onerror事件
var oDiv = document.getElementById("div1"); if(img.complete){ oDiv.style.display = "none" } else{ oImg[0].onload = function() { oDiv.style.display = "none" } }
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/51231.html
摘要:實現并發請求實現并發請求生成并下載字符串文件首先我們需要了解一個特殊的數據格式。如果類型未知,則該值為空字符串。表示狀態的數字。一旦完成,屬性中將包含一個字符串以表示所讀取的文件內容。 在web開發中,如果你想讓用戶下載或者導出一個文件,應該怎么做呢?傳統的做法是在后端存儲或者即時生成一個文件來提供下載功能,這樣的優勢是可以做權限控制、數據二次處理,但缺點是需要額外發起請求、增大服務端...
摘要:實現并發請求實現并發請求生成并下載字符串文件首先我們需要了解一個特殊的數據格式。如果類型未知,則該值為空字符串。表示狀態的數字。一旦完成,屬性中將包含一個字符串以表示所讀取的文件內容。 在web開發中,如果你想讓用戶下載或者導出一個文件,應該怎么做呢?傳統的做法是在后端存儲或者即時生成一個文件來提供下載功能,這樣的優勢是可以做權限控制、數據二次處理,但缺點是需要額外發起請求、增大服務端...
閱讀 2212·2021-09-30 09:47
閱讀 960·2021-08-27 13:01
閱讀 2959·2019-08-30 15:54
閱讀 3685·2019-08-30 15:53
閱讀 825·2019-08-29 14:07
閱讀 711·2019-08-28 18:16
閱讀 795·2019-08-26 18:37
閱讀 1406·2019-08-26 13:27