Rumah > Artikel > hujung hadapan web > 详解js之外观模式
外观模式其实就是提供一个更高级的统一的接口,常用于处理兼容性统一或者封装,比如,处理绑定事件,下面以下两个例子为例。
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','这是新添加的内容');
相关推荐:
Atas ialah kandungan terperinci 详解js之外观模式 . Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!