外观模式
//为复杂的子系系统提供一个更高级的统一接口
//外观模式实现兼容
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 A={ g:function(id){ return document.getElementById(id); }, css:function(id,key,value){ document.getElementById(id).style[key]=value }, attr:function(id,key,value){ document.getElementById(id)[key]=value }, html:function(id,html){ document.getElementById(id).innerHTML=html; }, on:function(id,type,fn){ document.getElementById(id)[‘on‘+type]=fn; } } A.css("box","background","red"); A.attr("box","className","boxStyle"); A.html("box","张三"); A.on("box","click",function(){ console.log(2222) })
时间: 2024-11-05 06:35:20