在新窗口中打開按鈕？

Question

我將如何在新窗口中打開按鈕，模擬“a href，target = _blank”？

我目前有：

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

該按鈕不在窗體中，我只想在新窗口中打開它。

Answer 1

使用您提供的網址打開一個新窗口:)

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

希望有幫助:)

Answer 2

我無法讓你的方法起作用@Damien-at-SF ...

所以我求助於我的舊知識。

通過將 input type="button" 封裝在超鏈接元素中，您可以簡單地聲明目標屬性，如下所示：

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

'target="_blank"' 是使瀏覽器在新選項卡中打開鏈接的屬性。 此屬性還有其他屬性，請參閱： http : //www.w3schools.com/tags/att_a_target.asp了解更多詳情。

由於按鈕上的 'value=""' 屬性會將包含的字符串寫入按鈕，因此不需要跨度。

而不是寫：

<element></element>

對於大多數 HTML 元素，您可以簡單地用斜杠將它們關閉，如下所示：

<element />

哦，最后......一個'button'元素在它里面有一個刷新觸發器，所以我使用一個'input type[button]'來避免觸發表單。

祝程序員好運。

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

Answer 3

<input type="button" onclick="window.open(); return false;" value="click me" />

http://www.javascript-coder.com/window-popup/javascript-window-open.phtml

Answer 4

您可以使用window.open()方法實現這一點，將_blank作為參數之一傳遞。 您可以參考以下鏈接，其中包含有關此的更多信息。

http://www.w3schools.com/jsref/met_win_open.asp

http://msdn.microsoft.com/en-us/library/ms536651(v=vs.85).aspx

希望這會幫助你。

Answer 5

如果你真的想堅持使用按鈕，那么只需創建一個打開的窗口功能如下：

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

在新窗口中打開按鈕？

問題描述

5 個解決方案

解決方案1
80 已采納 2011-01-10 05:36:13

解決方案2
7 2014-07-08 12:32:04

解決方案3
6 2011-01-10 05:36:00

解決方案4
5 2011-01-10 05:39:04

解決方案5
4 2016-07-06 14:41:48

在新窗口中打開按鈕？

問題描述

5 個解決方案

解決方案1 80 已采納 2011-01-10 05:36:13

解決方案2 7 2014-07-08 12:32:04

解決方案3 6 2011-01-10 05:36:00

解決方案4 5 2011-01-10 05:39:04

解決方案5 4 2016-07-06 14:41:48

解決方案1
80 已采納 2011-01-10 05:36:13

解決方案2
7 2014-07-08 12:32:04

解決方案3
6 2011-01-10 05:36:00

解決方案4
5 2011-01-10 05:39:04

解決方案5
4 2016-07-06 14:41:48