JavaScriptを使用して新しいウィンドウでリンクを開く方法

JavaScriptは、仕様を含めることでウィンドウの外観と画面上の配置場所を制御できるため、新しいウィンドウでリンクを開くための便利な方法を提供します。

Degui Adil / EyeEm / Getty Images

JavaScriptウィンドウのOpen（）メソッドの構文

新しいブラウザウィンドウでURLを開くには、次に示すようにJavascript open（）メソッドを使用します。

window.open（URL、名前、仕様、置換）

ウィンドウを開くだけでなく、各パラメータをカスタマイズすることもできます。たとえば、次のコードは新しいウィンドウを開き、パラメータを使用してその外観を指定します。

URLを指定しない場合、新しい空白のウィンドウが開きます。

window.open（ "https://www.somewebsite.com"、 "_blank"、 "toolbar = yes、top = 500、left = 500、width = 400、height = 400"）;

nameパラメータは、URLのターゲットを設定します。 Opening the URL in a new window is the default and is indicated in this manner:新しいウィンドウでURLを開くことがデフォルトであり、次のように示されます。

使用できるその他のオプションは次のとおりです。

specsパラメーターは、空白のないコンマ区切りのリストを入力して、新しいウィンドウをカスタマイズする場所です。以下の値から選択してください。

高さ=ピクセル：この仕様は、新しいウィンドウの高さをピクセル単位で設定します。入力できる最小値はXNUMXです。
width = pixel：この仕様は、新しいウィンドウの幅をピクセル単位で設定します。最小値はXNUMXです。
左=ピクセル：この仕様は、新しいウィンドウの左側の位置を設定します。負の値は入力できません。
上=ピクセル：この仕様は、新しいウィンドウの一番上の位置を設定します。負の値は使用できません。
menubar = yes | no | 1 | 0：この仕様を使用して、メニューバーを表示するかどうかを指定します。 yes / noワードまたは1/0バイナリ値のいずれかを使用します。
status = yes | no | 1 | 0：ステータスバーを追加するかどうかを示します。メニューバーと同様に、単語やバイナリ値を自由に使用できます。

一部の仕様はブラウザ固有です。

location = yes | no | 1 | 0：この仕様は、アドレスフィールドを表示するかどうかを示します。 Operaブラウザのみ。
サイズ変更可能=はい|いいえ| 1 | 0：ウィンドウのサイズを変更できるかどうかを決定します。 IEでのみ使用します。
location = yes | no | 1 | 0：スクロールバーを表示するかどうかを示します。 IE、Firefox、Operaとのみ互換性があります。
ツールバー=はい|いいえ| 1 | 0：ブラウザのツールバーを表示するかどうかを決定します。 IEおよびFirefoxとのみ互換性があります。

このオプションのパラメータの目的はXNUMXつだけです。つまり、新しいウィンドウで開くURLをブラウザの履歴リストの現在のエントリに置き換えるか、新しいエントリとして表示するかを指定します。

ブドウやコーヒーチェリーのような甘い果実の発酵過程において、野生酵母は糖類を用いてアルコール発酵します。アルコールは酢酸菌によって更に酢酸（お酢）に転化します。 true、URLは、履歴リストの現在のブラウザエントリを置き換えます。
ブドウやコーヒーチェリーのような甘い果実の発酵過程において、野生酵母は糖類を用いてアルコール発酵します。アルコールは酢酸菌によって更に酢酸（お酢）に転化します。 false、URLはブラウザの履歴リストに新しいエントリとして表示されます。