Javascript設計模式(一)Facade

標籤：function   複雜   val   ons   classname   div   blog   css   size   

面板模式

//為複雜的子系系統提供一個更進階的統一介面

//面板模式實現相容

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)    })

Javascript設計模式(一)Facade