監控圖片是否加載完成 函數
?//監控圖片是否加載完成
? ? ? ? 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;
? ? ? ? },
為什么上述代碼能監控圖片是否加載完成?
?img.src=src;最后的這句有什么意義?函數中的img對象好像和什么都沒有關系.
2017-01-13
通過img.src=src; 去找圖片，onload事件是監控圖片是否找到，如果找到則調用回調函數。
img.src=src; 本應該寫在?var img=new Image(); 這行代碼的下一行會更容易理解的。
2016-03-28
這是圖片的預加載技術，onload事件表示圖片一旦加載后觸發的事件，當然老師做了兼容！
具體idea您可以直接百度或者google，圖片預加載，會有很多解釋