在新选项卡/窗口中打开页面并将当前窗口定向到新 url答案

【问题标题】：Open page in new tab/window AND direct current window to a new url在新选项卡/窗口中打开页面并将当前窗口定向到新 url
【发布时间】：2015-07-26 07:28:06
【问题描述】：

我已将表单操作设置为“_blank”，以便我正在创建的 pdf 文档在新选项卡/窗口中打开，这工作正常，但我希望源页面同时重定向到不同的 URL。如何才能做到这一点？请使用 HTML 和/或 JavaScript 解决方案。提前致谢。

【问题讨论】：

window.location = newUrl?你能重新提出你的问题吗？

标签： javascript html http-redirect

【解决方案1】：

在表单中添加 onsubmit 并更改 location.href。在 IE10 中运行良好，但在 Chrome 中失败。

<form id="form1" onsubmit='formonsubmit();' method="get" action="http://google.com" target="_new">
    <input type="submit" value="submit" />
</form>                                   

<script type="text/javascript">
    function formonsubmit() {
        location.href = "http://stackoverflow.com";
    }
</script>

对于纯粹主义者，通过处理程序添加 onsubmit，适用于 IE 和 GC：

<form id="form1" method="get" action="http://google.com" target="_new">
    <input type="submit" value="submit" />
</form>                                   

<script type="text/javascript">
    $(function() {
        $("#form1").on("submit", function () {
            location.href = "http://stackoverflow.com";
        });
    });
</script>

【讨论】：

谢谢。我使用了与您的第二个示例类似的 javascript：theform.submit(); window.location.href = "网址";而且效果很好。

【解决方案2】：

这在一定程度上取决于您的 HTML 的格式以及您如何首先生成 URL。

除了锚标签产生的任何导航操作之外，还可以将 onclick 事件附加到在当前页面中执行某些操作（例如将页面重定向到新 URL）的锚标签。

document.querySelector("a").onclick = function() {
  window.location.href = "http://www.jsfiddle.net";
};

&lt;a href="http://www.bing.com" target="_blank"&gt;Open Bing in new window and navigate to jsFiddle.net&lt;/a&gt;

【讨论】：