監(jiān)控圖片是否加載完成 函數(shù)
?//監(jiān)控圖片是否加載完成
? ? ? ? preLoadImg:function(src,callback){
? ? ? ? ? ? var img=new Image();
? ? ? ? ? ? if(!!window.ActiveXObject){
? ? ? ? ? ? ? ? img.onreadystatechange=function(){
? ? ? ? ? ? ? ? ? ? if(this.readyState=='complete'){
? ? ? ? ? ? ? ? ? ? ? ? callback();
? ? ? ? ? ? ? ? ? ? };
? ? ? ? ? ? ? ? };
? ? ? ? ? ? }else{
? ? ? ? ? ? ? ? img.onload=function(){
? ? ? ? ? ? ? ? ? ? callback();
? ? ? ? ? ? ? ? }
? ? ? ? ? ? }
? ? ? ? ? ? img.src=src;
? ? ? ? },
為什么上述代碼能監(jiān)控圖片是否加載完成?
?img.src=src;最后的這句有什么意義?函數(shù)中的img對象好像和什么都沒有關(guān)系.
2017-01-13
通過img.src=src; 去找圖片，onload事件是監(jiān)控圖片是否找到，如果找到則調(diào)用回調(diào)函數(shù)。
img.src=src; 本應(yīng)該寫在?var img=new Image(); 這行代碼的下一行會更容易理解的。
2016-03-28
這是圖片的預(yù)加載技術(shù)，onload事件表示圖片一旦加載后觸發(fā)的事件，當(dāng)然老師做了兼容！
具體idea您可以直接百度或者google，圖片預(yù)加載，會有很多解釋