1. ホーム
  2. html

[解決済み] リンクが新しいウィンドウ(タブでない)を開くようにする [重複]。

2022-03-09 07:14:02

質問

javascriptを使わずに、リンクが新しいブラウザウィンドウ(タブではない)を開くようにする方法はありますか?

解決方法は?

ピュアHTMLで すべてのモダンブラウザ(=ユーザー)は、この動作を完全に制御することができます。なぜなら、過去に多くの誤用があったからです。

HTMLオプション

新しいウィンドウ(HTML4)または新しいブラウジングコンテキスト(HTML5)を開くことができます。最近のブラウザのブラウズ・コンテキストは、ほとんどが "new window" の代わりに "new tab" になっています。これには何の影響力もありませんし、新しいウィンドウを開くようにモダンブラウザを強制することもできません。

これを実現するためには アンカー要素 の属性 target [1] . 探している値は _blank [2] .

<a href="www.example.com/example.html" target="_blank">link text</a>

JavaScriptオプション

新しいウィンドウを強制的に表示するには、javascriptを使用します。 Ievgen氏の素晴らしい回答は以下の通りです。 をクリックすると、Javascriptで解決できます。

(!) ただし、javascriptでウィンドウを開くと、(アンカー要素のonclickイベントで行われない場合)ポップアップブロッカーによってブロックされる可能性があることに注意してください!

<サブ [1] この属性は、ブラウザにタブがなく、フレームセットを使用することが最新だった時代にさかのぼります。その間に、この属性の機能は少し変化しました ( MDNドキュメント )

<サブ [2] 他にも、(フレームセットを念頭に置いて設計されたため)あまり意味をなさない値がいくつかあります。 _parent , _self または _top .