HTML で Target=\'_blank\' ハイパーリンクのウィンドウ機能を制御する方法

Target="_blank" の HTML でのウィンドウ機能の管理

ターゲット属性が "_blank" に設定されたハイパーリンクは、リンクされたコンテンツを開きます新しいタブまたはウィンドウ。新しいウィンドウの寸法と外観をカスタマイズするには、JavaScript を使用する必要があります。

カスタム プロパティを使用した新しいウィンドウの作成

提供された HTML コード:

<code class="html"><a href="facebook.com/sharer" target="_blank">Share this</a></code>

新しいタブで Facebook の共有インターフェイスを開くハイパーリンクを作成します。代わりに、特定のサイズのウィンドウで開くには、次の変更された JavaScript ベースのアプローチを使用します。

<code class="html"><a href="http://www.facebook.com/sharer" onclick="window.open(this.href, 'mywin',
'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;">Share this</a></code>

説明:

• onclick 属性がトリガーします。リンクをクリックすると、JavaScript 関数が使用されます。
• window.open() は、開く URL を指定して、新しいウィンドウ オブジェクトを作成します。
• 2 番目のパラメーター ('mywin') は、ターゲット ウィンドウの名前を定義します。 .

• 3 番目のパラメータは、次のようなウィンドウ プロパティの文字列です。

  • left と top は、ウィンドウの初期位置を指定します。
  • width および高さはウィンドウの寸法を設定します。
  • ツールバーとサイズ変更可能は、ウィンドウの外観と動作を制御します。

この変更されたコードは、新しいウィンドウで Facebook の共有インターフェイスを開きます。座標 (20,20)、寸法 (500,500) に配置されます。ツールバーが含まれますが、サイズ変更はできません。

以上がHTML で Target=\'_blank\' ハイパーリンクのウィンドウ機能を制御する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。