Question

我有一个具有“父”窗口的应用程序。在父窗口中有菜单项，如下所示（在这里使用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数组持久化？

谢谢！

Answer 1

我认为你不能通过窗口加载使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);

Answer 2

如果您要执行的只是持久保存数组，请使用http://rhaboo.org：

var store = Rhaboo.persistent("My store");

window.onunload = function () {
  store.write('windows', [ ... your array ...]);
}

function onLogout() {
  for ( var i=0; i<store.windows.length; i++ )
    closeWindowYourWay( store.windows[i] );
}

使用Javascript持久化数据

2 个答案: