JavaScript を使用してカスタム サイズのポップアップ ウィンドウを開くにはどうすればよいですか?

カスタム ディメンションを使用して新しいウィンドウをポップアップする

Web 開発では、特定の目的のために新しいウィンドウを開くことが望ましい場合があります。ソーシャルメディアプラットフォームでのコンテンツの共有など。ただし、target="_blank" を使用すると、新しいウィンドウのサイズと動作に関して必要なカスタマイズ オプションが提供されない可能性があります。

これらの側面を制御するには、JavaScript を利用して目的の結果を達成できます。次のコード スニペットを考えてみましょう:

<code class="html"><a href="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>

このコードは次のことを実現します:

1. 新しいタブが開かないようにするために、target="_blank" 属性が削除されます。
2. リンクがクリックされたときに JavaScript を呼び出すための onclick ハンドラーが追加されます。
3. window.open() 関数は、特定のパラメーターを使用して呼び出されます:
   a。 this.href: 共有する URL。
   b. 'mywin': 新しいウィンドウの名前。
   c.カンマで区切られた一連のプロパティ:
   i.左と上: 画面上のウィンドウの位置をピクセル単位で指定します。
   ii.幅と高さ: ウィンドウの寸法をピクセル単位で定義します。
   iii. toolbar=1: ウィンドウにツールバーを表示することを指定します。
   iv. resizable=0: ユーザーがウィンドウのサイズを変更できないようにします。

以上がJavaScript を使用してカスタム サイズのポップアップ ウィンドウを開くにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。