Explication détaillée du mode d'apparence js

Le mode Apparence fournit en fait une interface unifiée de niveau supérieur, qui est souvent utilisée pour gérer l'unification de compatibilité ou l'encapsulation, par exemple pour traiter les événements de liaison. Les deux exemples suivants sont pris à titre d'exemple.

1. Encapsuler les événements de liaison :

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. mode d'apparence pour encapsuler plusieurs fonctions :

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','这是新添加的内容');

Recommandations associées :

Modèle de conception JS - mode d'apparence

Mode d'apparence du modèle de conception JS

Mode d'apparence js

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!