外观模式其实就是提供一个更高级的统一的接口，常用于处理兼容性统一或者封装，比如，处理绑定事件，下面以下两个例子为例。
1. 封装绑定事件：
function addEvent(dom,type,fn){ if(dom.addEventListener){
dom.addEventListener(type,fn,false)
} else if(dom.attachEvent){
dom.attachEvent('on'+type,fn);
} else {
dom['on'+type]=fn;
}
}
var myp = document.getElementById('myp');
addEvent(myp,'click',function(){
console.log('hahah');
})2.还可以用外观模式封装多个功能：
var A={ get:function(id){
return document.getElementById(id)
}
css:function(id,key,value){
this.get(id).style[key]=value;
}
html:function(id,content){
this.get(id).innerHTML=content;
}
A.html('box','这是新添加的内容');相关推荐：
ShopWind网店系统
下载
ShopWind网店系统是国内最专业的网店程序之一，采用ASP语言设计开发，速度快、性能好、安全性高。ShopWind网店购物系统提供性化的后台管理界面，标准的网上商店管理模式和强大的网店软件后台管理功能。ShopWind网店系统提供了灵活强大的模板机制，内置多套免费精美模板，同时可在后台任意更换，让您即刻快速建立不同的网店外观。同时您可以对网模板自定义设计，建立个性化网店形象。ShopWind网
