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中不起作用。