どのようにHTMLが別のウィンドウまたはタブでハイパーリンクを開く作るには?

StackOverflow https://stackoverflow.com/questions/2343927

  •  23-09-2019
  •  | 
  •  

質問

これはHTMLのハイパーリンクのためのラインであります

<a href="http://www.starfall.com/">Starfall</a>
私は「Starfall」私のブラウザ上でクリックすると、このように、 - 私は、Firefoxを使用しています - その新しいページに私を取るだろうと私のウィンドウの内容が変更されます。私は、新しいページが前のものを変えるのではなく、新しいウィンドウで開かれているように、どのように私はHTMLでこれを行うことができ、疑問に思いますか? HTMLでこのような方法はありますか?

そして、はいあれば、私のブラウザの別のタブ(別のウィンドウではない)で要求されたページを開く方法はありますか?

役に立ちましたか?

解決

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

かどうか、ユーザーが自分のブラウザをどのように設定したかまでですが、それはタブまたは別ウィンドウで開きます。

他のヒント

最も簡単な方法は、対象のタグを追加することです。

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

を使用する各リンクのターゲット属性の異なる値あなたがそれらを別のタブで開きたい場合は、ターゲット属性の値が同じあなたは彼らが他のものを交換したい場合。

使用target="_blank"

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

あなたが追加することができるはずです。

target="_blank"

タグのような
<a href="http://www.starfall.com/" target="_blank">Starfall</a>

target属性はこれを行うためのあなたの最善の方法である。

<a href="http://www.starfall.com" target="_blank">
新しいタブまたはウィンドウで開きます。これに関しては、それはユーザーの設定に依存します。

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

はデフォルトです。 (つまり、と何をしている取引だ場合、またはインラインフレーム)それは同じタブでページが開いてます。
あなたはIFRAMEを扱っている場合は、次の2が良いだけです。

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

のリンクを持っていたのiframeをしていたことをiframe内のリンクを開きます。

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

、タブでそれが通過しているどのように多くのiframeに関係なく、リンクを開きます。

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

すべての3つの部品が必要とされているのonclick

は、新しいウィンドウの使用JavaScriptを強制します。 URL、名前、およびウィンドウの幅と高さのサイズまたはそれは単に新しいタブで開きます。

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

また、ページのヘッダーに次を追加することによって、これを達成することができます:

<base target="_blank">

この新しいタブでページ上のすべてのリンクがオープンになります。

タグのSafariとMozillaのためのtarget="_blank"作品との例以下
<a href="http://www.starfall.com" `target="_blank"`>

クローム

のために使用してtarget="new"worked
<a href="http://www.starfall.com" `target="new"`>
ウェブは急速に進化しているので、

は、いくつかのものは、時間とともに変化します。セキュリティ上の問題について、あなたはrel="noopener"と危機におけるtarget="_blank"属性を使用したい場合があります。

Googleのデベロッパードキュメントに、他のページ缶に記載のようにwindow.opener propertyであなたのwindowオブジェクトにアクセスします。あなたの外部リンクすべき次のようになります:

<a href="http://www.starfall.com/" target="_blank" rel="noopener">Starfall</a>
ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top