web-dev-qa-db-ja.com

新しいタブでHTMLボタンを開くリンク

これはボタンが特定のリンクを開くためのシンプルなコードです

                <button class="btn btn-success" onclick="location.href='http://google.com';"> Google</button>

同じページで開きますが、リンクを新しいタブで開きたいです。

htmlweb
16
RDR

以下を使用できます。

window.open(
  'https:http://google.com',
  '_blank' // <- This is what makes it open in a new window.
);

HTMLで

 <button class="btn btn-success" onclick=" window.open('http://google.com','_blank')"> Google</button>

plunker

35
ngLover

Bootstrapを使用すると、ボタンのようなアンカーを使用できます。

<a class="btn btn-success" href="https://www.google.com" target="_blank">Google</a>

そして、target="_blank"リンクを新しいタブで開きます。

5
EstevaoLuis

これをフォームに追加することもできます。

<form ... target="_blank">
2
Pavel Chernikov

以下のコードを使用してみてください：

<button title="button title" class="action primary tocart" onclick=" window.open('http://www.google.com', '_blank'); return false;">Google</button>

ここで、window.openwith_blank2番目の引数ofwindow.open関数は、リンクを新しいタブで開きます。

そして、return falsesubmitのようなボタンのデフォルトの動作を削除/キャンセルできます。

詳細と実際の例については、 ここをクリックしてください

1
Ashish Raj

これを試して

window.open(urlValue, "_system", "location=yes");
0
Krishnaraj

「_blank」を使用します。新しいタブでリンクを開くだけでなく、元のWebページの状態も影響を受けません。

0
Harshwardhan S

このコードを試してください。

<input type="button" value="Open Window"
onclick="window.open('http://www.google.com')">
0
rushabhpathak