新しいウィンドウをカスタマイズする方法を学ぶ
JavaScriptは、新しいウィンドウでリンクを開くのに便利な方法です。これは、ウィンドウをどのように表示するか、および仕様を含めることによって画面上のどこに配置されるかを制御するためです。
JavaScriptウィンドウのOpen()メソッドの構文
新しいブラウザウィンドウでURLを開くには、次のようにJavascriptのopen()メソッドを使用します。
window.open( URL、名前、スペック、置換 )各パラメータをカスタマイズすることができます。
たとえば、次のコードは新しいウィンドウを開き、パラメータを使用して外観を指定します。
window.open( "https://www.somewebsite.com"、 "_blank"、 "toolbar = yes、top = 500、left = 500、width = 400、height = 400");URLパラメータ
新しいウィンドウに開くページのURLを入力します 。 URLを指定しないと、新しい空のウィンドウが開きます。
名前パラメータ
nameパラメータは、URLのターゲットを設定します。 新しいウィンドウでURLを開くのがデフォルトで、次のように表示されます。
- _ブランク。 URLの新しいウィンドウを開きます。
使用できるその他のオプションは次のとおりです。
- _自己。 現在のページをURLに置き換えます。
- _親。 URLを親フレームにロードします。
- _上。 読み込まれたフレームセットを置き換えます。
仕様
specsパラメータは、空白なしのコンマ区切りリストを入力して新しいウィンドウをカスタマイズする場所です。 以下の値から選択してください。
- 高さ=ピクセル。 この仕様では、新しいウィンドウの高さをピクセル単位で設定します。 入力できる最小値は100です。
- 幅=ピクセル。 これは、新しいウィンドウの幅をピクセル単位で設定します。 最小値は100です。
- 左=ピクセル。 このスペックは、新しいウィンドウの左の位置を設定します。 負の値は入力できません。
- 上=ピクセル。 新しいウィンドウの一番上の位置を設定します。 負の値は使用できません。
- menubar = yes | no | 1 | 0。 この仕様を使用して、メニューバーを表示するかどうかを指定します。
- status = yes | no | 1 | 0。 ステータスバーを追加するかどうかを示します。
一部の仕様はブラウザ固有です。
- location = yes | no | 1 | 0。 このスペックは、アドレスフィールドを表示するかどうかを示します。 Operaブラウザのみ。
- resizeable = yes | no | 1 | 0。 ウィンドウのサイズを変更できるかどうかを決定します。 IEのみで使用します。
- location = yes | no | 1 | 0。 スクロールバーを表示するかどうかを示します。 IE、Firefox、Operaのみに対応しています。
- ツールバー=はい|いいえ| 1 | 0。 ブラウザのツールバーを表示するかどうかを指定します。 IEとFirefoxのみに対応しています。
置換
このオプションのパラメータには目的が1つしかありません。新しいウィンドウで開くURLをブラウザ履歴リストの現在のエントリに置き換えるか、新しいエントリとして表示するかを指定します。
- trueの場合、URLは履歴リストの現在のブラウザエントリを置き換えます
- falseの場合、URLはブラウザの履歴リストに新しいエントリとして表示されます。