js 设计模式 ----- 单体模式(二)实际使用
一.用一个函数创建div节点,放入到body中, 函数===>专一,创建div
var CreateDiv = function(html) {
this.html = html;
this.init();
};
CreateDiv.prototype.init = function() {
var oDiv = document.createElement("div");
oDiv.innerHTML = this.html;
document.body.appendChild(oDiv);
};
var proxyMode = (function() {
var run;
return function() {
if (!run) {
run = new CreateDiv("这是一个单体");
}
return run;
}
})();
proxyMode();
二.点击按钮,无论点击多少下,都只出现一个盒子
<button id="btn">按钮</button>
var createDiv = (function(){
var oDiv;
return function(){
if(!oDiv){
oDiv = document.createElement("div");
oDiv.innerHTML = "这就是一个格子";
oDiv.style.display = "none";
document.body.appendChild(oDiv);
}
return oDiv;
}
})();
document.getElementById("btn").onclick = function(){
var w = createDiv();
w.style.display = "block";
}