window.openパラメータを例付きで詳しく解説_基礎知識-jsチュートリアル-php.cn

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

WBOY

リリース： 2016-05-16 17:32:38

オリジナル

1340 人が閲覧しました

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 はピクセル単位の特定の値です。

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

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

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

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

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

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

このコードは、HTML のと

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

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

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

[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. 関数を使用してポップアップウィンドウを制御する】

以下は完全なコードです