打开的窗口将不会关闭

Question

我有一个窗口，点击打开。

function PopupManager() { 
this.name = "_popupmanager_"; 
this.windows = {}; 
}; 

PopupManager.prototype.open = function(url, option, size, name) { 
var url = "http://google.com" 
var option = "null, status=no, toolbar=no, menubar=no, titlebar=no, 
location=no, scrollbars=no, resizable=no" 
var size = 'height=200, width = 814' 
this.windows[name] = window.open(url, option, size, name); 
this.windows[name].focus(); 
}; 


PopupManager.prototype.closeAll = function() { 
for (name in this.windows) { 
    this.closeWindow(name); 
} 
} 


PopupManager.prototype.closeWindow = function(name) { 
if (this.windows[name]) { 
    if (!this.windows[name].closed) { 
     this.windows[name].opener.name="indexpage"; 
     this.windows[name].close(); 
    } 
    delete this.windows[name]; 
} 
}; 

//初始化

document.getElementById("popupManager").onclick = function (e) { 
e.preventDefault();  
var popupManager = new PopupManager(); 
popupManager.open('http://www.google.com', 'google'); 

} 

而且我想这应该关闭同一个窗口。

document.getElementById("closeIt").onclick = function (e) { 
e.preventDefault(); 
var popupManager = new PopupManager(); 
popupManager.closeAll(); 
popupManger.closeWindow(); 

} 

无控制台错误&没有任何反应。只是不会关闭。

我试图使用相同的< a>标签打开&使用if语句关闭窗口，但我无法弄清楚。所以现在我试图使用两个不同的< a>标记（是的，我知道这是愚蠢的），一个打开&一个关闭，但我甚至不能这样做。

我甚至无法弄清楚我在这里做错了什么。

任何帮助将不胜感激。叹...

Answer 1

只需在弹出式窗口管理器外部定义一个变量来保存窗口，以便稍后访问它们以便关闭。

你可以将它包裹一个IIFE来创建一个闭包。

var windows = {}; 
 

 
function PopupManager() { 
 
    this.name = "_popupmanager_"; 
 
}; 
 

 
PopupManager.prototype.open = function(url, option, size, name) { 
 
    var url = "http://google.com" 
 
    var option = "null, status=no, toolbar=no, menubar=no, titlebar=no, location = no, scrollbars = no, resizable = no "; 
 
    var size = 'height=200, width = 814' 
 
    windows[name] = window.open(url, option, size, name); 
 
    windows[name].focus(); 
 
}; 
 

 

 
PopupManager.prototype.closeAll = function() { 
 
    for (name in windows) { 
 
    this.closeWindow(name); 
 
    } 
 
} 
 

 
PopupManager.prototype.closeWindow = function(name) { 
 
    if (windows[name]) { 
 
    if (!windows[name].closed) { 
 
     windows[name].opener.name = "indexpage"; 
 
     windows[name].close(); 
 
    } 
 
    delete windows[name]; 
 
    } 
 
}; 
 

 
document.getElementById("popupManager").onclick = function(e) { 
 
    e.preventDefault(); 
 
    var popupManager = new PopupManager(); 
 
    popupManager.open('http://www.google.com', 'google'); 
 

 
} 
 

 
document.getElementById("closeIt").onclick = function(e) { 
 
    e.preventDefault(); 
 
    var popupManager = new PopupManager(); 
 
    popupManager.closeAll(); 
 
    popupManager.closeWindow(); 
 

 
}

<button id="popupManager">Open</button> 
 
<br /> 
 
<button id="closeIt">Close</button>

另一种选择是使用

PopupManager.prototype.windows = {}; 

为了保持跨实例相同的变量进行访问。