web-dev-qa-db-ja.com

新しいウィンドウでボタンを開く？

「a href、target = _blank」をエミュレートして、ボタンを新しいウィンドウで開くにはどうすればよいですか？

私は現在持っています：

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

ボタンはフォームではなく、新しいウィンドウで開くようにしたいだけです。

javascripthtmlbuttonwindownew-operator
27
Latox

指定したURLで新しいウィンドウが開きます:)

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

それが役立つことを願っています:)

71
Damien-Wright

@ 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

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

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

4
Demian Brecht

window.open()メソッドを使用して_blankをパラメーターの1つとして渡すと、これを実現できます。詳細については、以下のリンクを参照してください。

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

http://msdn.Microsoft.com/en-us/library/ms536651（v = vs.85）.aspx

これがお役に立てば幸いです。

4
clklachu

ボタンを厳密に使用したい場合は、次のようにウィンドウを開く関数を作成します。

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