码迷,mamicode.com
首页 > 编程语言 > 详细

Javascript设计模式(一)Facade

时间:2017-08-06 18:07:19      阅读:115      评论:0      收藏:0      [点我收藏+]

标签: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

标签:function   复杂   val   ons   classname   div   blog   css   size   

原文地址:http://www.cnblogs.com/dangou/p/7295092.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!