JavaScriptのwindow.open()関数の引数の使い方は？

2年 ago
桜, 春樹
1 minute

JavaScriptのwindow.open()メソッドは、新しいブラウザウィンドウやタブを開くために使用されます。URL、ウィンドウの名前、特性文字列などの複数のパラメータを受け取ることができます。

window.open() メソッドの一般的なパラメータとその使用方法を以下に示します。

  1. URL：新しいウィンドウで読み込まれるURL。相対パスまたは絶対パスにすることができます。例：window.open(‘https://www.example.com’）
  2. ウィンドウ名(オプション): 開きたいウィンドウの名前。同じ名前のウィンドウが既に存在する場合は、そのウィンドウに新しいURLがロードされます。 名前が指定されなかったか、空の文字列が指定された場合、新しいウィンドウにはランダムに生成された名前が付けられます。 たとえば: window.open(‘https://www.example.com’, ‘myWindow’)
  3. ウィンドウfeatures（省略可能）：各種ウィンドウfeaturesを含む文字列です。 ウィンドウのサイズ、位置、ツールバー、メニューバーなどです。features文字列のフォーマットは「features=value, features=value」です。例：window.open(‘https://www.example.com’, ‘myWindow’, ‘width=500, height=300’)。

一般的なウィンドウの特性を以下に示します

  1. 幅：ウィンドウの幅を表します。
  2. 高さ：窓の高さを示しています。
  3. 上：ウィンドウの上辺の位置。
  4. 左：窓の左側。
  5. サイズ変更可能：ウインドウのサイズを変更できるかどうかを指定します。
  6. スクロールバー：ウィンドウにスクロールバーを表示するかどうか。
  7. ツールバー：ウインドウにツールバーを表示するかどうかを示す。
  8. メニューバー：ウィンドウでメニューバーを表示するか。

ワンタッチでスマホが起動するホームボタン

  1. 新しくウィンドウを開いて、指定したURLを読み込みます。

window.open(‘https://www.example.com’);

  1. 名前を指定して新しいウィンドウを開く:

window.open(‘https://www.example.com’, ‘myWindow’);

  1. 新しいウィンドウを開き、ウィンドウの特徴を指定します。

window.open(‘https://www.example.com’, ‘myWindow’, ‘width=500,height=300’);

  1. ウィンドウ特性を指定してウィンドウを新しく開く

window.open(“https://www.example.com”, “myWindow”, “width=500,height=300,top=100,left=100,resizable=はい”);

特定の機能は、ブラウザのセキュリティ制限により、一部のブラウザでは動作しないか、ユーザーの承認が必要となる可能性があります。そのため、実際の利用時にはブラウザの互換性やユーザ体験を十分に考慮する必要があります。

bannerAds