ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript を使用して URL を新しいウィンドウで開く方法: 総合ガイド

JavaScript を使用して URL を新しいウィンドウで開く方法: 総合ガイド

Linda Hamilton
Linda Hamiltonオリジナル
2024-11-04 02:54:02779ブラウズ

How to Open a URL in a New Window with JavaScript: A Comprehensive Guide

JavaScript を使用して URL を新しいウィンドウで開く: 包括的なソリューション

現在のページの URL を新しいウィンドウで起動する共有ボタンを作成するには、以下が必要です正確な JavaScript 構文。これを実現するには、汎用性の高い window.open() メソッドを使用します。

次のコード スニペットは、必要な URL 置換とウィンドウ サイズ仕様の両方を組み込んだ包括的なソリューションを提供します。

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

コードを詳しく見てみましょう:

  • _blank_: このパラメータは、新しいウィンドウが現在のウィンドウから独立していることを指定します。
  • location= yes: このパラメータは、新しいウィンドウでの URL バーの表示を有効にします。
  • height=570, width=520: これらのパラメータは、新しいウィンドウの高さと幅を設定します。それぞれ、570px と 520px に設定されます。
  • scrollbars=yes, status=yes: これらのパラメータにより、新しいウィンドウにスクロールバーとステータス バーを表示できるようになります。

ユーザーが「ページを共有」リンクをクリックすると、この JavaScript コードが実行され、指定されたサイズやその他の機能を備えた新しいウィンドウで現在の URL が開きます。 window.open() とカスタマイズされたウィンドウ属性を組み合わせることで、正確な要件に応えて、特定の URL を別のウィンドウでシームレスに開くことができます。

以上がJavaScript を使用して URL を新しいウィンドウで開く方法: 総合ガイドの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。