javascript - 重复使用相同的弹出窗口

Question

每次调用弹出窗口时，我都希望使用相同的弹出窗口。实际上，我需要将表单提交到弹出窗口中，它工作正常，但在 Chrome iOS 中，每次我提交表单时，它都会打开一个新的选项卡/窗口，而不是使用之前的选项卡/窗口。

为了恢复我想要的，我做了这个 jsfiddle:每次单击提交按钮时，您都会看到一个新的弹出窗口打开，而不是使用之前打开的窗口。

http://jsfiddle.net/s5ph2rzy/

<input type="submit" onclick="mainVar.setFormSubmit();" value="Submit" />
var mainVar = {
    setFormSubmit: function() {
       window.open('', 'formtarget','width=650, height=800');
    }
}

我发现信息说要使用相同的弹出窗口名称，但它不起作用。我还找到了这个页面，其中解释了如何执行此操作 http://www.codestore.net/store.nsf/unid/DOMM-4PYJ3S?OpenDocument但它在我的 jsfiddle 中也不起作用。你能帮我用一个可行的代码更新我的 jsfiddle 吗？

Answer 1

您只需要重用您的窗口名称即可。在您的示例中，您已将窗口命名为“formtarget”。

你可以这样做，例如:

var popupWin = null;
var mainVar = {
    setFormSubmit: function() {
       popupWin = window.open('', 'formtarget','width=650, height=800');
    }
}

function openAnotherLink(url) {
     popupWin.location.href = url;
}