Javascript设计模式(一)Facade

外观模式

//为复杂的子系系统提供一个更高级的统一接口

//外观模式实现兼容

1
2
3
4
5
6
7
8
9
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;
        }
    }

//外观模式建立代码库

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
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)
   })
posted @   咚咚锵咚呛  阅读(203)  评论(0编辑  收藏  举报
编辑推荐:
· .NET Core内存结构体系(Windows环境)底层原理浅谈
· C# 深度学习:对抗生成网络(GAN)训练头像生成模型
· .NET 适配 HarmonyOS 进展
· .NET 进程 stackoverflow异常后,还可以接收 TCP 连接请求吗?
· SQL Server统计信息更新会被阻塞或引起会话阻塞吗?
阅读排行:
· 传国玉玺易主,ai.com竟然跳转到国产AI
· 本地部署 DeepSeek:小白也能轻松搞定!
· 自己如何在本地电脑从零搭建DeepSeek!手把手教学,快来看看! (建议收藏)
· 我们是如何解决abp身上的几个痛点
· 普通人也能轻松掌握的20个DeepSeek高频提示词(2025版)
点击右上角即可分享
微信分享提示