我有一个应用程序有一个“父”窗口。在父窗口中有菜单项,如下所示(此处使用 PHP):
// sample link
echo "<li><a href=\"#\" onclick=openurl('covershift.php');>Shift Coverage</a></\
li>";
// logout link
echo "<li><a href=\"#\" onclick=openurl('logout');>Logout</a></li>";
每个链接都会在不同的“子”窗口中打开相应的页面。当父窗口关闭时,所有子窗口都必须关闭。我已经用 Javascript 实现了这个功能,这里是函数:
var childWindow = new Array();
var windowCount = 0;
function openurl(url)
{
if(url != 'logout') {
childWindow[windowCount]=window.open(url,'_blank','height=600,width=800,scr\
ollbars=1');
windowCount++;
if (window.focus) {
childWindow.focus();
}
} else {
var iCount;
for (iCount=0; iCount < windowCount; iCount++) {
if ((childWindow[iCount] != null) && !(childWindow[iCount].closed)) {
childWindow[iCount].close();
}
}
window.location='logout.php';
}
}
这是我的问题,当用户重新加载父窗口然后单击注销时,子窗口保持打开状态。这是有道理的,因为 childWindow 数组在父级重新加载时丢失。
如何通过重新加载使 childWindow 数组持久化?
谢谢!
最佳答案
我认为您无法让 JavaScript 对象在窗口加载期间持久存在。相反,您可以创建一个关闭页面的卸载事件处理程序吗?
window.onunload = myCloseFunction;
function myCloseFunction()
{
// Just copying your code...
var iCount;
for (iCount=0; iCount < windowCount; iCount++) {
if ((childWindow[iCount] != null) && !(childWindow[iCount].closed)) {
childWindow[iCount].close();
}
}
}
另一种选择可能是让子窗口轮询父窗口是否存在。
在子窗口中:
// Checks every 1 second for valid window.opener
var parentChecker = setInterval(function(){
if(!opener){
// Is this good practice? I don't know!
clearInterval(parentChecker);
window.close();
}
}, 1000);
关于javascript - 使用 Javascript 持久化数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2255763/