Question

我的应用程序打开了一个弹出窗口，如下所示：

function newPopup(url, windowName) {
    window.open(url,windowName,'height=768,width=1366,left=10,top=10,titlebar=no,toolbar=no,menubar=no,location=no,directories=no,status=no');
}
<a href="JavaScript:newPopup('lobby.do', 'lobby');">Enter Lobby</a>

在弹出窗口中，我希望用户能够通过点击链接移动弹出窗口的位置：

<a href="game.do">New Game</a>

但是，在弹出窗口中单击此链接时，弹出窗口将自动关闭，并且不会发生重定向。我尝试添加onClick并使用javaScript：window.location，但得到相同的结果。知道是什么原因引起的吗？我已经在Chrome和Firefox中进行了测试。

Answer 1

在新窗口中打开它需要做的是在target_blank链接的末尾添加html，如下所示：

<a href="http://link-to-your-game" target="_blank">Enter Lobby</a>

Answer 2

为什么不使用ajax：

<a onclick="ajaxcall_to_newpage()"> click here to update the content </a>

和你的ajax函数从服务器请求新内容并将其呈现为html：

..
}).done(function(data){
   $('#your_div_of_pop_up').text(data);
});

工作完成了！

Answer 3

如果我理解正确您需要的是命名您的弹出窗口。然后你可以引用该弹出窗口来改变它的内容。

您需要的只是JavaScript

function createPopup(url) {
    newwindow=window.open(url,'testWindow','height=800,width=600');
    if (window.focus) {newwindow.focus()}
    return false;
}

可以这样使用：

<a href="#" onclick="createPopup('http://www.google.com')" target="mine">use google</a>
<a href="#" onclick="createPopup('http://www.stackoverflow.com')" target="mine">use stackoverflow</a>

因此，从主窗口，您可以控制弹出窗口。

如何更改弹出窗口的位置

3 个答案: