在新标签/窗口中打开页面并将当前窗口指向新网址

时间:2015-05-14 15:38:31

标签: javascript html http-redirect

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

2 个答案:

答案 0 :(得分:2)

这取决于您的HTML格式化方式以及您首先如何生成网址。

除了锚标记产生的任何导航操作之外,还可以将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>
&#13;
&#13;
&#13;

答案 1 :(得分: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://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>