web-dev-qa-db-ja.com

HTMLで別のウィンドウまたはタブでハイパーリンクを開く方法

これは、HTMLのハイパーリンクの行です。

<a href="http://www.starfall.com/">Starfall</a>

したがって、FireFoxを使用しているブラウザで「Starfall」をクリックすると、新しいページに移動し、ウィンドウのコンテンツが変更されます。前のページを変更するのではなく、新しいページが新しいウィンドウで開かれるように、HTMLでこれを行うにはどうすればよいのでしょうか。 HTMLにそのような方法はありますか？

はいの場合、リクエストされたページをブラウザの別のタブ（別のウィンドウではない）で開く方法はありますか？

htmlwindowhyperlink
86
brilliant
<a href="http://www.starfall.com/" target="_blank">Starfall</a>

ただし、タブで開くか別のウィンドウで開くかは、ユーザーがブラウザをどのように設定したかによります。

128
Frank

最も簡単な方法は、ターゲットタグを追加することです。

<a href="http://www.starfall.com/" target="Starfall">Starfall</a>

リンクを異なるタブで開く場合は各リンクのターゲット属性に異なる値を使用し、他のタブを置き換える場合はターゲット属性に同じ値を使用します。

104
Turnkey

追加できるはずです

target="_blank"

好む

<a href="http://www.starfall.com/" target="_blank">Starfall</a>
7
Jason

target="_blank"を使用します

<a target='_blank' href="http://www.starfall.com/">Starfall</a>

7
jldupont

target属性は、これを行う最適な方法です。

<a href="http://www.starfall.com" target="_blank">

新しいタブまたはウィンドウで開きます。どちらについては、ユーザーの設定によって異なります。

<a href="http://www.starfall.com" target="_self">

デフォルトです。同じタブ（またはiframe、あなたが扱っているのであれば）でページを開きます。
次の2つは、iframeを扱っている場合にのみ有効です。

<a href="http://www.starfall.com" target="_parent">

リンクがあったiframeがあったiframeでリンクを開きます。

<a href="http://www.starfall.com" target="_top">

いくつのiframeを通過しなくても、タブ内のリンクが開きます。

6
hellol11

また、ページのヘッダーに次を追加することでこれを実現できます。

<base target="_blank">

これにより、ページ上のすべてのリンクが新しいタブで開かれます

4
patrick

ターゲット= _blankは、ブラウザの設定に基づいて新しいタブまたはウィンドウで開きます。

新しいウィンドウを強制するにはjavascript onclickを使用し、3つの部分すべてが必要です。 url、名前、ウィンドウの幅と高さのサイズ、または新しいタブで開くだけです。

<a onclick="window.open('http://www.starfall.com/','name','width=600,height=400')">Starfall</a>
4
The Andyman

新しいウィンドウでリンクを開くには、次のようにアンカーリンクにtarget="_blank"属性を追加するだけです。

<a href="https://www.w3docs.com/" target="_blank">W3docs</a>

JavaScript window.open関数とonclickイベント属性を使用して、新しいタブでハイパーリンクを開く別の方法があります。 W3docsの link に従って、自分で試してください。

1
Astghik Arakelyan

ウェブは急速に進化しているため、時間とともに変化するものもあります。セキュリティの問題については、rel="noopener"と組み合わせてtarget="_blank"属性を使用することをお勧めします。

Google Dev Documentation で述べたように、他のページはwindow.opener propertyでウィンドウオブジェクトにアクセスできます。外部リンクは次のようになります。

<a href="http://www.starfall.com/" target="_blank" rel="noopener">Starfall</a>
1
JoeMecPak

以下のtarget="_blank"の例はSafariとMozillaで動作します

<a href="http://www.starfall.com" `target="_blank"`>

Chromeでtarget="new"workedを使用する

<a href="http://www.starfall.com" `target="new"`>
0
scottmoo