js外观模式

<h1>第三篇 结构型设计模式</h1>
   <p>结构型设计模式关注于如何将类或者对象组合成更大、更复杂的结构，以简化设计。</p>
   <h1>第九章 套餐服务——外观模式</h1>
   <p>外观模式（Facade）：为一组复杂的子系统接口提供一个更高级的统一接口，通过这个接口使得对子系统接口的访问更加容易。</p>
   <script>
     //兼容方式
     //外观模式实现
     var addEvent = function( dom, type, fn ){
        //对于支持DOM2级事件处理程序addEvenetListener方法的浏览器
        if( dom.addEventListener ){
            dom.addEventListener( type, fn, false );
        }else if( dom.attachEvent ){
            dom.attachEvent( "on" + type, fn );
        }else{
            dom[ on + "type" ] = fn;
        };
        
     }
   </script>
   
   <h1>小型代码库</h1>
   <p>外观模式可以将浏览器不兼容的方法变得简单而又兼容各个浏览器，然而这只是外观模式应用的一部分，很多代码库中都是通过外观模式来封装多个功能，简化底层操作方法，
        比如我们简单时限活期元素的属性样式的简单方法库</p>
   <script>
      //简约版属性样式方法库
      var A = {
         //通过ID获取元素
         g: function( id ){
            return document.getElementById( id );
         },
         //设置元素css属性
         css: function( id, key, value ){
            //...
         },
         //设置元素的属性
         attr: function( id, key, value ){
            //...
         }
         
      }
   </script>