ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript を使用して、新しいウィンドウで特定のサイズの URL を開くにはどうすればよいですか?

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

Patricia Arquette
リリース: 2024-11-04 04:53:29
オリジナル
1074 人が閲覧しました

How to Open URLs in New Windows with Specific Dimensions Using JavaScript?

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

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

新しいウィンドウのサイズを指定するには、JavaScript 関数 window.open() を使用する必要があります。この関数の構文は次のとおりです。

window.open("URL", "Window Name", "Window Features");
ログイン後にコピー
  • URL: 開くページの URL。
  • ウィンドウ名: 新しいウィンドウの名前 (オプション)。
  • Window features: ウィンドウ機能のカンマ区切りのリスト。

      location: アドレスバーに URL を表示します。
    • height=570: ウィンドウの高さを設定します。
    • width=520: ウィンドウの幅を設定します。
これらの機能を「共有ボタン」に適用するには、次の HTML および JavaScript コードを使用できます:

<code class="html"><a onclick="window.open(document.URL, '_blank', 'location=yes,height=570,width=520,scrollbars=yes,status=yes');">
  Share Page
</a></code>
ログイン後にコピー
このコードは、「」というテキストのリンクを作成します。 「ページを共有」をクリックすると、現在のページの URL が高さ 570、幅 520 の新しいウィンドウで開き、ロケーション バー、スクロールバー、ステータス バーなどの機能が表示されます。

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

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート