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]);
}
}

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。