window.openパラメータを例付きで詳しく解説_基礎知識

1. window.open() サポート環境:

JavaScript1.0 /JScript1.0 /Nav2 /IE3 /Opera3

2.winddown.open の基本構文:

window.open(pageURL,name,parameters)

その中には:

pageURL はサブウィンドウのパスです
name はサブウィンドウのハンドルです
parameters はウィンドウのパラメーターです (各パラメーターはカンマで区切られます)

3. Winddown.open の例:

コードをコピー コードは次のとおりです。

<SCRIPT><br>< !-- <BR>window.open('page.html','newwindow','height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resizable =no, location=no, status=no')<BR>//1 行で記述します<BR>--><br></SCRIPT>

スクリプトが実行されると、page.html が幅 100、高さ 400、画面の上から 0 ピクセル、画面の左から 0 ピクセルの新しいウィンドウで開きます。ツールバーはありません。 、メニューバーもスクロールもなし、サイズ変更不可、アドレスバーなし、ステータスバーなし。比較してみてください。

上の例には、一般的に使用されるパラメーターがいくつか含まれています。さらに、他にも多くのパラメーターがあります。4 を参照してください。 4. 各種パラメータ

ここで、yes/no には 1/0 も使用できます。pixelvalue はピクセル単位の特定の値です。

パラメータ|値の範囲|説明

alwaysLowered|yes/no|指定されたウィンドウはすべてのウィンドウの後ろに隠れます
alwaysRaized|yes/no|指定されたウィンドウはすべてのウィンドウの上に一時停止されます
依存|yes/no|同時に閉じられるかどうか親ウィンドウとしての時間
ディレクトリ|はい/いいえ|Nav2 および 3 のディレクトリ バーが表示されるかどうか
高さ|ピクセル値|ウィンドウの高さ
ホットキー|はい/いいえ|ウィンドウに安全な終了ホットキーを設定するメニューバーなし
innerHeight|ウィンドウ内のドキュメントのピクセルの高さ
innerWidth|pixelvalue|ウィンドウ内のドキュメントのピクセルの幅
location|はい/いいえ|ロケーションバーが表示されるかどうか
menubar|yes/no|メニュー バーが表示されるかどうか
externalHeight|pixelvalue|ウィンドウのピクセルの高さを設定します (装飾的な境界線を含む)
outerWidth|pixelvalue|ウィンドウのピクセルの幅を設定します (装飾的な境界線を含む) borders)
resizable|yes/no|ウィンドウ サイズが調整可能かどうか
screenX|pixelvalue|画面の左端からのウィンドウのピクセル長
screenY|pixelvalue|ウィンドウのピクセル長画面の上端から
scrollbars|yes/no|ウィンドウにスクロールバーを含めることができるかどうか
titlebar|yes/no|ウィンドウのタイトルバーが表示されるかどうか
toolbar|yes/no|有無ウィンドウ ツールバーが表示されます
Width|pixelvalue|ウィンドウのピクセル幅
z-look|yes/no|アクティブ化された後にウィンドウが他のウィンドウの上に浮くかどうか ウィンドウの上

【1.最も基本的なポップアップウィンドウのコード】

実際のコードは非常に単純です:

コードをコピー コードは次のとおりです:

これは JavaScript コードの一部であるため、 タグと の間に配置する必要があります。 一部の古いブラウザでは、タグ内のコードがテキストとして表示されません。この良い習慣を身につけてください。

Window.open('page.html') は、新しいウィンドウ page.html のポップアップを制御するために使用されます。page.html がメイン ウィンドウと同じパスにない場合は、そのパスを次のように記述します。フロントでは、絶対パス (http://) と相対パス (../) を使用できます。一重引用符または二重引用符のいずれかを使用できますが、混合しないでください。

このコードは、HTML の と の間、および の間のどこにでも追加できます。早いほど早く実行されます。特にページのコードが長い場合、ページをより早くポップアップさせたい場合は、できるだけ前に配置します。

【2.設定後のポップアップ画面】

ポップアップウィンドウの設定について話しましょう。上記のコードにもう少し追加するだけです。
ページの特定の条件に合わせて、このポップアップ ウィンドウの外観、サイズ、ポップアップの位置をカスタマイズしましょう。

<scrip tlanguage="javascript"> <!-- window.open('page.html','newwindow','height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no') //写成一行 --> </scrip>
[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、 を実行するために更新する必要があります]

パラメータの説明:

js スクリプトが開始されます;
'page.html' ポップアップ ウィンドウ ファイル名;
' newwindow' ポップアップ ウィンドウの名前 (ファイル名ではありません) はオプションであり、空の '';
height=100 window height;
top; =0 画面上部からウィンドウまでのピクセル値 ;
left=0 画面左側からのウィンドウのピクセル値
toolbar=no ツールバーを表示するかどうか、yes を表示します。
メニューバー、スクロールバーはメニューバーとスクロールバーを表します。
Resizable=no ウィンドウ サイズの変更を許可するかどうか、yes は許可されます。
location=no アドレス バーを表示するかどうか、yes は許可されます。
status=no ステータス バーに情報を表示するかどうか。 (通常、ファイルは開かれています)、はいは許可されます。
js スクリプトは終了します

【3. 関数を使用してポップアップウィンドウを制御する】

以下は完全なコードです

<scrip tlanguage="JavaScript"> <!-- function openwin(){window.open("page.html","newwindow","height=100,width=400,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no") //写成一行 } //--> …任意のページコンテンツ… <bodyonload> </bodyonload></scrip>