重复使用相同的弹出窗口

时间:2015-07-07 19:31:42

标签: javascript html jsfiddle

每次调用弹出窗口时,我都希望使用相同的弹出窗口。实际上我需要在弹出窗口中进行表单提交,它工作正常,但在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吗?

1 个答案:

答案 0 :(得分:0)

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

您可以这样做,例如:

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

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