2011-01-10 150 views
22

我將如何在新窗口中打開按鈕,模擬「a href,target = _blank」?在新窗口中打開按鈕?

我目前有:

<button class="button" onClick="window.location.href='http://www.site.com';"><span class="icon">Open</span></button> 

的按鈕是不是一種形式,我只是想在一個新窗口中打開。

回答

59

打開你提供:)

<button class="button" onClick="window.open('http://www.site.com');"><span class="icon">Open</span></button> 

希望幫助:)

+0

添加「返回false;」在onClick事件之後,以避免表單提交。 – joseantgv 2016-01-19 14:05:53

5

我不能讓你的方法工作@達-AT-SF ...

於是我使出我的舊知識。

通過超鏈接元件內封裝輸入類型=「按鈕」,就可以簡單地聲明目標屬性爲這樣:

<a href="http://www.site.org" target="_blank"> 
<input type="button" class="button" value="Open" /> 
</a> 

「目標=‘_空白’」是使瀏覽器中的屬性在新選項卡中打開鏈接。此屬性具有其他屬性,請參閱:http://www.w3schools.com/tags/att_a_target.asp以獲取更多詳細信息。

由於按鈕上的'value =「」'屬性將包含的字符串寫入按鈕,所以不需要跨度。

而是寫的:

<element></element> 

對於大多數HTML元素,你可以簡單地以斜線關閉它們,就像這樣:

<element /> 

哦,終於...一個 '按鈕'元素中有一個刷新觸發器,所以我使用'input type [button]'來避免觸發表單。

好運程序員。

由於StackOverflow上的政策,我不得不更改域名的例子: https://meta.stackexchange.com/questions/208963/why-are-certain-example-urls-like-http-site-com-and-http-mysite-com-blocke

3

如果嚴格要堅持使用按鈕,然後只需按如下方式創建一個開放的窗口功能:

<script> 
function myfunction() { 
    window.open("mynewpage.html"); 
} 
</script> 

然後在你的HTML做了與你的按鈕如下:

加入

所以你會有這樣的事情:

<body> 
    <script> 
function joinfunction() { 
    window.open("mynewpage.html"); 
} 
</script> 
<button onclick="myfunction()" type="button" class="btn btn-default subs-btn">Join</button>