JavaScript を使用して現在の URL を特定のサイズの新しいウィンドウで開くにはどうすればよいですか?

JavaScript で URL を新しいウィンドウで開く

現在のページを共有するために「共有ボタン」を作成するとき、開きたいと思うのが一般的です。新しいウィンドウに現在の URL が表示されます。現在の URL を取得するのは簡単ですが、新しいウィンドウのサイズを指定するのは難しい場合があります。

この問題を解決するには、新しいウィンドウのプロパティをカスタマイズする機能を提供する window.open() 関数の利用を検討してください。次のコード スニペットは、このアプローチを示しています。

<code class="html"><a onclick="window.open(document.URL, '_blank', 'location=yes,height=570,width=520,scrollbars=yes,status=yes');">
  Share Page
</a></code>

このコードでは、onclick イベントがユーザーのクリックをリッスンし、window.open() 関数を実行します。最初の引数は開く URL を指定し、「_blank」は URL が新しいウィンドウで開くことを示します。後続のパラメータは、高さ、幅、位置、スクロールバー、ステータス情報を表示するかどうかなど、新しいウィンドウのプロパティを制御します。

このソリューションを使用すると、現在の URL を新しいウィンドウで開くリンクを効果的に作成できます。高さ 570 ピクセル、幅 520 ピクセルの指定されたサイズのウィンドウ。

以上がJavaScript を使用して現在の URL を特定のサイズの新しいウィンドウで開くにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。