代理模式(图片加载)

var MyImg=(function(){
		//创建img
		var img = document.createElement('img');
		//插入
		document.body.appendChild(img);
		return {
			setSrc:function(src){
				img.src=src
			}
		}
	})()
	//new Array  new String....   new Image
	var Dimg=(function(){
		//创建一个img对象  如果给这个img对象加一个路径的话就相当于给这个图片加了一个缓存图片
		var img1 = new Image();
		//当图片加载完成以后,当前创建这个图片的src就等于我设置的这个src
		img1.onload = function(){
			MyImg.setSrc(this.src)
		}
		return {
			//我要传的图片
			setSrc:function(src){
				//代理做的事情   那么我就先给你一个loading  
				MyImg.setSrc("img/waite.gif");
				img1.src=src
			
				
			}
		}
	})()
	
	Dimg.setSrc("img/show.png")

  此方法主要用于解决网页加载速度过慢导致图片未加载完成时出现空白,用于让用户知道图片处于加载状态而非未加载。

原文地址:https://www.cnblogs.com/Code-Inconnu/p/7646622.html