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

时间:2011-06-10 08:41:33

标签: javascript

我想要一个重定向到给定网址的按钮,并在新标签页中打开。怎么办呢?

13 个答案:

答案 0 :(得分:106)

使用此:

<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;"

答案 1 :(得分:33)

在javascript中你可以这样做:

window.open(url, "_blank");

答案 2 :(得分:24)

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

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

答案 3 :(得分:19)

您可以忘记使用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建议的那样。

答案 4 :(得分:10)

使用window.open代替window.location打开新窗口或标签页(取决于浏览器设置)。

您的小提琴不起作用,因为没有button元素可供选择。试试input[type=button]或按一下id按钮并使用#buttonId

答案 5 :(得分:5)

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

<强> CSS

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

<强> HTML

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

答案 6 :(得分:1)

我刚刚在表格标签下使用了target =“_ blank”,它在FF和Chrome中运行良好,在新标签中打开但是在新窗口中打开IE。

答案 7 :(得分:1)

  

使用javascript在新标签页中打开

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

答案 8 :(得分:0)

试试这个HTML:

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

答案 9 :(得分:0)

尝试

<a id="link" href="www.gmail.com" target="_blank" >gmail</a>

答案 10 :(得分:-5)

你做不到。此行为仅适用于插件,并且只能由用户配置。

答案 11 :(得分:-5)

<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>

此按钮看起来像一个URL,可以在新标签页中打开。

答案 12 :(得分:-5)

使用此代码

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