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

Posted 2023-02-24

【中文标题】在新选项卡/窗口中打开页面并将当前窗口定向到新 url

【英文标题】：Open page in new tab/window AND direct current window to a new url

【发布时间】：2015-07-26 07:28:06

【问题描述】：

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

【问题讨论】：

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

【参考方案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://***.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://***.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";
;

<a href="http://www.bing.com" target="_blank">Open Bing in new window and navigate to jsFiddle.net</a>