JS设计模式（门面模式）

标签：

<!--JS设计模式（门面模式）-->
// 门面模式的概念:简化API接口 最经典的就是事件
// 做一件事情： 必须要调用2个函数分别是 a , b
//案例：获得页面上多个元素并设置css样式
window.onload=function(){
setCss(["div1","div2","div3"],{
background:"blue",
color:"#fff"
});
}
function setStyle(elements,prop,val){//简单的门面模式
for(var i=0;i<elements.length;i++){
document.getElementById(elements[i]).style[prop]=val;
}
}
function setCss(elements,options){
for(var pop in options){
if(!options.hasOwnProperty(pop)){
continue;
}
setStyle(elements,pop,options[pop]);
}
}

JS设计模式（门面模式）

标签：

原文地址：http://www.cnblogs.com/jalja/p/4451786.html