2011-01-10 13 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」を追加します。 afterClickイベントの後にフォームを送信しないようにします。 – joseantgv

+1

OPから:ボタンがフォームにありません。 しかし、はい、良い点。 –

4

をあなたはwindow.open()メソッドを使用して、これをacheiveすることができ、として_blankを渡す希望を与えURLを新しいウィンドウで開きますパラメータの1つ。あなたはこれに関するより多くの情報を持っている以下のリンクを参照することができます。

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

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

これはあなたを助けることを願っています。

5

私はあなたの方法はダミアン・アット・SF @仕事を得ることができませんでした...

だから私は私の古い知識に頼っ。

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

"ターゲット=『_ブランク』のブラウザを作るプロパティです:

入力タイプのハイパーリンク要素内=「ボタン」を包むことによって、あなたは単にようにtargetプロパティを宣言することができます新しいタブ内でリンクを開きます。この属性には他のプロパティがあります。詳しくは、http://www.w3schools.com/tags/att_a_target.aspを参照してください。

ボタンの 'value = ""'属性は、含まれている文字列をボタンに書き込むため、スパンは必要ありません。代わりに、書き込みの

:ほとんどのHTML要素のための

<element></element> 

あなたは、単にそのように、最後のスラッシュでそれらを閉じることができます。

<element /> 

ああ、そして最後に... 'ボタン'要素にリフレッシュトリガがあるため、フォームのトリガを避けるために 'input type [button]'を使用します。

グッドラックプログラマー。

にStackOverflowの方針に私は例のドメインを変更しなければならなかったDUE:あなたは厳密にボタンを使用してに固執したい場合は、次のよう 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> 
関連する問題