ホームページ >ウェブフロントエンド >jsチュートリアル >jsアピアランスモードの詳しい説明

jsアピアランスモードの詳しい説明

零到壹度
零到壹度オリジナル
2018-03-23 10:07:441328ブラウズ

アピアランス モードは、実際には、バインディング イベントの処理など、互換性の統合やカプセル化を処理するためによく使用される、高レベルの統合インターフェイスを提供します。

1. バインディング イベントをカプセル化します:

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. 外観モードを使用して複数の関数をカプセル化することもできます:

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

関連する推奨事項:

JSデザインパターン——外観モード

JSデザインモード 外観モード

js 外観モード

以上がjsアピアランスモードの詳しい説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。