Question

我正在打开一个显示商店位置列表的弹出窗口。每个位置都有谷歌地图（地图和方向）的链接。

我的问题是，当我点击地图和方向链接时，我想在同一个弹出窗口打开谷歌地图，它会在最后有一个后退按钮，这将带我回到上一个窗口。现在，每次点击地图和方向，它都会在浏览器窗口中打开。

@charlietfl。好。所以我有一个带有链接检查商店可用性的产品页面。当我点击链接时，我使用jquery对话框打开一个新的弹出对话框。这是一个jsp页面。在这个页面中，我有一个搜索文本，我可以通过邮政编码搜索商店列表。在搜索上，我做一个ajax调用，将商店列表作为json获取并在jsp上显示它们。现在，每个商店都有一个地图和方向的链接，这将带我到谷歌地图。

例如<a href="http://maps.google.com/?q=1200 Pennsylvania Ave SE, Washington, District of Columbia, 20003" id="mapDirections_0" target="_self">map & directions<a>。我的目标是当用户点击此链接时，地图将显示在同一弹出式jsp。

上

非常感谢任何帮助。如果我能提供更多信息，请告诉我。

感谢。

Answer 1

对于弹出窗口，您应该使用window.open方法。至于你的问题，当你进行window.open（）调用时，你所要做的就是指定第二个参数（名称）。

window.open(URL,name,specs,replace)

编辑：我决定更新代码以反映创建引用变量，您可以使用它直接引用特定的打开窗口。

请参阅：http://www.w3schools.com/jsref/met_win_open.asp

我会附上一些代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script>
    var winref;

    function pop1(){
        winref = window.open('http://stackoverflow.com','popwin','width=640, height=480');
    }

    function pop2(){
        window.open('http://google.com','popwin','width=640, height=480');

    }

    function navigate(){
        winref.location.href="https://developer.mozilla.org/en-US/docs/Web";
    }

    </script>
</head>
<body>
    <a href="#" onclick="pop1()">Open first</a><br>
    <a href="#" onclick="pop2()">Open second</a><br>
    <a href="#" onclick="navigate()">Navigate 1st window</a>
</body>
</html>

在同一弹出窗口中打开href链接

1 个答案: