Javascript – 通过点击一个button,在新标签中打开一个给定的URL

我想有一个button,redirect到一个给定的url,并打开一个新的标签。 如何才能做到这一点?

用这个:

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

为我工作,它会打开一个实际的新的“popup”窗口,而不是一个新的完整的浏览器或选项卡。 您也可以添加variables来阻止它显示特定的浏览器特征,如下所示:

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

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

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

在JavaScript中你可以这样做:

 window.open(url, "_blank"); 

您可以忘记使用JavaScript,因为浏览器控制它是否在新选项卡中打开。 你最好的select是做类似于下面的事情:

 <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"属性,这将始终在新选项卡中打开。

如果您只需要redirect而不使用dynamic参数,则可以像TimBüthe所build议的那样使用target="_blank"属性的链接。

使用window.open而不是window.location来打开一个新的窗口或标签(取决于浏览器设置)。

你的小提琴不工作,因为没有button元素可供select。 尝试input[type=button]或给button一个id和使用#buttonId

老问题,但我想分享我的首选方法,它的优点是没有讨厌的JavaScript被embedded在你的标记:

CSS

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

HTML

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

我只是在表单标签下使用了target =“_ blank”,并且它在FF和Chrome中正常工作,在新的标签中打开,但在IE窗口中打开。

试试这个HTML:

 <input type="button" value="Button_name" onclick="window.open('LINKADDRESS')"/> 

你不能。 此行为仅适用于插件,只能由用户configuration。

 <BUTTON NAME='my_button' VALUE=sequence_no TYPE='SUBMIT' style="background-color:transparent ; border:none; color:blue;" onclick="this.form.target='_blank';return true;"><u>open new page</u></BUTTON> 

这个button看起来像一个URL,可以打开一个新的标签。

使用此代码

 function openBackWindow(url,popName){ var popupWindow = window.open(url,popName,'scrollbars=1,height=650,width=1050'); if($.browser.msie){ popupWindow.blur(); window.focus(); }else{ blurPopunder(); } }; function blurPopunder() { var winBlankPopup = window.open("about:blank"); if (winBlankPopup) { winBlankPopup.focus(); winBlankPopup.close() } }; 

IT在Mozilla,IE和Chrome上运行良好,低于22版; 但在Opera和Safari中不起作用。