在新 tab/window 和直流 window 中打开页面到新 url

Question

我已将我的表单操作设置为“_blank”，以便我正在创建的 pdf 文档在新的 tab/window 中打开，这工作正常，但我希望源页面同时重定向到不同的 URL。如何才能做到这一点？ HTML and/or JavaScript 请解答。提前致谢。

Answer 1

这在一定程度上取决于您的 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>

Answer 2

向表单添加 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://whosebug.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://whosebug.com";
        });
    });
</script>