Javascript - 通过单击按钮在新选项卡中打开给定的URL

Question

我想有一个重定向到给定URL的按钮,并在新选项卡中打开.如何才能做到这一点？

Answer 1

用这个:

<input type="button" value="button name" onclick="window.open('http://www.website.com/page')" />

为我工作,它将打开一个实际的新"弹出"窗口,而不是一个新的完整浏览器或选项卡.您还可以向其添加变量以阻止它显示特定的浏览器特征,如下所示:

onclick="window.open(this.href,'popUpWindow','height=400,width=600,left=10,top=10,,scrollbars=yes,menubar=no'); return false;"

Answer 2

在javascript中你可以这样做:

window.open(url, "_blank");

Answer 3

添加target ="_ blank"应该这样做:

<a id="myLink" href="www.google.com" target="_blank">google</a>

Answer 4

您可以忘记使用JavaScript,因为浏览器控制它是否在新选项卡中打开.您最好的选择是执行以下操作:

<form action="http://www.yoursite.com/dosomething" method="get" target="_blank">
    <input name="dynamicParam1" type="text"/>
    <input name="dynamicParam2" type="text" />
    <input type="submit" value="submit" />
</form>

无论客户端使用哪种浏览器target="_blank"属性,这都将始终在新选项卡中打开.

如果你需要的只是重定向而没有动态参数,你可以使用带有target="_blank"属性的链接,如TimBüthe建议的那样.

Answer 5

使用window.open而不是window.location打开新窗口或选项卡(取决于浏览器设置).

你的小提琴不起作用,因为没有button要选择的元素.尝试input[type=button]或给出按钮id并使用#buttonId.

Answer 6

老问题,但我想分享我的首选方法,它的优点是你的标记中没有嵌入令人讨厌的javascript:

CSS

a {
  color: inherit;
  text-decoration: none;
}

HTML

<a href="http://example.com" target="_blank"><input type="button" value="Link-button"></a>

Answer 7

使用 javascript 在新标签页中打开

 <button onclick="window.open('https://www.our-url.com')" id="myButton" 
 class="btn request-callback" >Explore More  </button>