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

JavaScript を使用して新しいウィンドウで URL を開くにはどうすればよいですか?

Mary-Kate Olsen
リリース: 2024-11-05 07:18:02
オリジナル
729 人が閲覧しました

How Can I Open URLs in New Windows with JavaScript?

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

共有ボタンを作成する場合、共有リンクを新しいウィンドウで開くことが望ましいことがよくあります。 JavaScript にはこれを実現するためのユーティリティが用意されていますが、構文を正しく理解するのは難しい場合があります。

window.open() を使用した解決策

現在のページを開くリンクを作成するには特定のサイズの新しいウィンドウの URL には、window.open() メソッドを使用します。

<a onclick="window.open(document.URL, '_blank', 'location=yes,height=570,width=520,scrollbars=yes,status=yes');">
  Share Page
</a>
ログイン後にコピー

説明

  • document.URL は現在のページを取得します。 URL.
  • '_blank' は、リンクが新しいウィンドウまたはタブで開くことを指定します。
  • オプションのパラメーターはウィンドウ属性を定義します:

    • location =yes は、新しいウィンドウにアドレス バーを表示します。
    • height=570 は、ウィンドウの高さを 570 ピクセルに設定します。
    • width=520 は、ウィンドウの幅を 520 ピクセルに設定します。
    • scrollbars=yes は、新しいウィンドウでスクロールバーを有効にします。
    • status=yes は、新しいウィンドウにステータス バーを表示します。

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

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