Question

我在浏览器中打开了一个标签，用于运行我的网站。单击按钮后，我的站点将打开其他窗口或标签，每个窗口或标签中都有不同的URL。

<form action="search.php" method="get">
    <input type="text" name="item" size="30" style="font-size:140%" id="item">
    <input type="submit" value="Search All" style="font-size:140%" id="submit">
</form>

执行此操作的JS提供如下：

<script src="http://code.jquery.com/jquery-latest.js"></script>

<script>

$(document).ready(function(){
    function get(id) {
        return document.getElementById(id);
    }
    $("#submit").click(function() {
        get("guitarcentertext").value = get("item").value;
        get("music123text").value = get("item").value;
        get("musiciansfriendtext").value = get("item").value;
        get("prosoundtext").value = get("item").value;

        $("input#guitarcenterbutton").click();
        $("input#btnSearch").click();
        $("input#musiciansfriendbutton").click();
        $("input#prosoundbutton").click();
        return false;
    });
});
</script>

问题：有没有办法在点击另一个按钮后，我可以关闭我之前打开的标签？

感谢您的帮助！：）

Answer 1

您可以使用window.open()创建新窗口，并控制何时关闭它们。

示例：

function mypopup() {
    mywindow = window.open ("http://www.javascript-coder.com",
                            "mywindow",
                            "location=1,status=1,scrollbars=1,"+
                            "width=100,height=100");
    mywindow.moveTo(0,0); // move the window to a particular location

    // do your stuff ...

    mywindow.close(); // close that popup when you are done
}

如您所见，您可以使用window.close()控制何时关闭窗口。

您只需在链接中使用target="_blank"即可在新标签中打开链接，但您说您有一个表单，其提交将导致打开一个新窗口。但是，不使用提交按钮，而是使用普通按钮并将事件处理程序附加到单击它。单击它时，打开窗口并运行你的魔力。

关于打开标签而不是Windows的查询，我不完全确定可以完成。我可以想到使用服务器端参与的几种不好的方法，但我很确定你不是在寻找它。即使使用target="_blank"，也只是告诉浏览器不要在同一页面中打开链接。它可以在浏览器中选择一个新窗口或一个新选项卡（主要是一个新选项卡）。

干杯！

Answer 2

试试这个：

<input type="button" class="add-btn" value="Close" onclick="javascript:window.top.close();">

关闭按钮上的窗口或标签

2 个答案: