JavaScript Window ブラウザのオブジェクト モデルのメソッドとプロパティ_JavaScript スキルの概要

ウィンドウオブジェクト

ウィンドウ オブジェクトはすべてのブラウザでサポートされています。ブラウザウィンドウを表します。

すべての JavaScript グローバル オブジェクト、関数、および変数は、自動的に window オブジェクトのメンバーになります。

グローバル変数は、ウィンドウ オブジェクトのプロパティです。

グローバル関数は window オブジェクトのメソッドです。

1. メソッドを開く

文法形式:
window.open(URL, ウィンドウ名, ウィンドウスタイル)
機能: 新しいウィンドウを開き、指定された URL アドレスを持つ Web ページをウィンドウ内にロードします。
説明:
open メソッドは、新しいブラウザ ウィンドウを開き、指定された URL アドレスを新しいウィンドウにロードするために使用されます。 open メソッドが新しいブラウザ ウィンドウを開くとき、ウィンドウの名前 (2 番目のパラメータ) を指定することもできます。 open メソッドが新しいブラウザ ウィンドウを開くとき、ウィンドウのスタイル (3 番目のパラメータ)、
を指定することもできます。 ウィンドウ スタイルには次のオプションがあります。これらのオプションは複数選択できます。複数選択する場合は、オプションをカンマで区切ります。 ツールバー: ウィンドウに標準ツールバーがあるかどうかを指定します。このオプションの値が 1 または Yes の場合は、標準ツールバーがあることを意味し、このオプションの値が 0 または no の場合は、標準ツールバーがないことを意味します。 location: ウィンドウにアドレス ツールバーがあるかどうかを指定します。オプションの値と意味はツールバー
と同じです。 ディレクトリ: ウィンドウにリンク ツールバーがあるかどうかを指定します。オプションの値と意味はツールバー
と同じです。 status: ウィンドウにステータス バーがあるかどうかを指定します。オプションの値と意味はツールバー
と同じです。 menubar: ウィンドウにメニューがあるかどうかを指定します。オプションの値と意味はツールバー
と同じです。 スクロールバー: 現在のウィンドウドキュメントがウィンドウより大きい場合にスクロールバーがあるかどうかを指定します。オプションの値と意味はツールバー
と同じです。 resizable: ウィンドウのサイズを変更できるかどうかを指定します。オプションの値と意味はツールバー
と同じです。 width: ウィンドウの幅をピクセル単位で指定し、innerWidth で置き換えます。 height: ウィンドウの高さをピクセル単位で指定します。innerHeight に置き換えられます。 externalWidth: ウィンドウの外側の幅をピクセル単位で指定します。 externalHeight: ウィンドウの外側の高さをピクセル単位で指定します。 left: 画面の左側からのウィンドウの位置をピクセル単位で指定します。 top: 画面の上からのウィンドウの位置をピクセル単位で指定します。 alwaysLowered: 指定されたウィンドウはすべてのウィンドウの後ろに隠れます。オプションの値と意味はツールバー
と同じです。 alwaysRaized: 指定されたウィンドウがすべてのウィンドウの上に表示されます。オプションの値と意味はツールバー
と同じです。 依存: 開いているウィンドウが現在のウィンドウの子ウィンドウであり、親ウィンドウが閉じられると閉じることを指定します。オプションの値と意味はツールバー
と同じです。 ホットキー: メニュー バーのない新しいウィンドウで安全に終了するためのホットキーを設定します。オプションの値と意味はツールバー
と同じです。 innerHeight: ウィンドウ内のドキュメントのピクセル高さを設定します
innerWidth: ウィンドウ内のドキュメントのピクセル幅を設定します。
screenX: 画面の左端からのウィンドウのピクセル長を設定します。
screenY: 画面の上端からのウィンドウのピクセル長を設定します。
titleBar: タイトル バーが新しいウィンドウに表示されるかどうかを示します。オプションの値と意味はツールバー
と同じです。 z-look: ウィンドウがアクティブ化されたときに、他のウィンドウの上にフローティングできないことを示します。オプションの値と意味はツールバーと同じです。
open メソッドはウィンドウへの参照を返します。
ヒント: この方法は、Web ページを開いたときに別のウィンドウを自動的に開くためによく使用されます。


2. メソッドを閉じる


文法形式:
window.close()
機能: close メソッドは、ブラウザ ウィンドウを自動的に閉じるために使用されます。

3. アラート方法

文法形式:

window.alert(プロンプト文字列)

機能: 警告ボックスをポップアップし、警告ボックスにプロンプ​​ト文字列テキストを表示します。

4.確認方法

文法形式:

window.confirm(プロンプト文字列)

機能: 確認ボックスを表示し、ユーザーが「OK」ボタンをクリックしたときに、確認ボックスにプロンプ​​ト文字列を表示します
このメソッドは、「キャンセル」をクリックすると true を返し、「キャンセル」をクリックすると false を返します。

5. プロンプトメソッド

文法形式:

window.prompt(プロンプト文字列、デフォルトのテキスト)
機能: 入力ボックスを表示し、入力ボックスにプロンプ​​ト文字列を表示し、入力テキスト ボックスにデフォルトのテキスト
を表示します。 これは、ユーザー入力を待機し、ユーザーが「OK」ボタンをクリックすると、
の場合にユーザーが入力した文字列を返します。 ［キャンセル］ボタンをクリックするとnull値が返されます。

6. setTimeout メソッド

文法形式:
window.setTimeout(コード文字式、ミリ秒)
機能: タイミング設定。指定したミリ秒数に達すると、コード文字式が自動的に実行されます。

7.clearTimeout メソッド

文法形式:

window.clearTimeout(タイマー)

機能: 前回のタイミング設定をキャンセルします。 setTimeout で設定した場合の戻り値です。

8. setInterval メソッド

文法形式:

window.setInterval(コード文字式、ミリ秒)

機能：時間間隔（第二パラメータ）を設定後、「コード文字式」の内容を繰り返し実行します

9.clearInterval メソッド

文法形式:
window.clearInterval(時間間隔)
機能: setInterval で設定したタイミングを解除します。パラメータはsetIntervalメソッドの戻り値です。

10. moveBy メソッド

文法形式:
window.moveBy(水平移動、垂直移動)
機能: 指定されたピクセルパラメータに従って、指定されたウィンドウを移動します。最初のパラメータはウィンドウが水平に移動するピクセルです。最初のパラメータは
です。 2 つのパラメータは、ウィンドウを垂直方向に移動するピクセルです。

11.moveTo メソッド

文法形式:
window.moveTo(x,y)
機能: 指定された指定座標 (x, y) にウィンドウを移動します。

12.resizeBy メソッド

文法形式:
window.resizeBy(水平,垂直)
機能: 現在のウィンドウを指定されたサイズ (x, y) に変更します。x と y の値が 0 より大きい場合は拡大され、0 より小さい場合は拡張されます。
減らすために。

13. メソッド

文法形式:
window.resizeTo(横幅,縦幅)
機能: 現在のウィンドウを (x, y) サイズに変更します。ここで、x と y はそれぞれ幅と高さです。

14. スクロールバイメソッド

文法形式:
window.scrollBy(水平方向の変位, 垂直方向の変位)
機能: 指定された変位に従ってウィンドウ内のコンテンツをスクロールします。パラメータが正の数値の場合は順方向にスクロールし、それ以外の場合は逆方向にスクロールします
に向かってスクロールします。

15.scrollTo メソッド

文法形式:
window.scrollTo(x,y)
機能: ウィンドウ内のコンテンツを指定された位置までスクロールします。

16.メソッドの検索

文法形式:
window.find()
機能: このメソッドがトリガーされると、「検索」ダイアログ ウィンドウがポップアップし、ユーザーが
をタッチできるようになります。 find メソッドを使用してページ内の文字列を検索します。
注: この属性は、IE5.5 および Netscape6.0 ではサポートされていません。

17. 戻る方法

文法形式:
window.back()
機能: ユーザーがブラウザの「戻る」ボタンをクリックして、ブラウザの前のページにページを移動することをシミュレートします。
注: この操作は、現在のページに前のページがある場合にのみ実行できます。
注: IE5.5 はこのメソッドをサポートしていませんが、Netscape6.0 はサポートしています。

18. 転送メソッド

文法形式:
window.forward()
機能: ユーザーがブラウザの「進む」ボタンをクリックしてブラウザの次のページに移動することをシミュレートします。
注: この操作は、現在のページに次のページが存在する場合にのみ実行できます。
注: IE5.5 はこのメソッドをサポートしていませんが、Netscape6.0 はサポートしています。

19. ホームメソッド

文法形式:
window.home()
機能: ユーザーがブラウザーの「ホーム」ボタンをクリックして、ページを指定されたページにリダイレクトすることをシミュレートします。
注: IE5.5 はこのメソッドをサポートしていませんが、Netscape6.0 はサポートしています。

20. 停止方法

文法形式:
window.stop()
機能: ユーザーがブラウザの「停止」ボタンをクリックしてブラウザのダウンロード操作を終了するのをシミュレートします。
注: IE5.5 はこのメソッドをサポートしていませんが、Netscape6.0 はサポートしています。

21. 印刷方法

文法形式:
window.print()
機能: ユーザーがブラウザーの「印刷」ボタンをクリックすることをシミュレートし、印刷のために印刷ダイアログ ボックスを開くようにブラウザーに通知します
現在のページ。

22.ぼかし方法

文法形式:
window.blur()
機能: ウィンドウからフォーカスを削除します。フォーカスメソッドと併用するとフォーカスが集中する可能性があるため注意が必要です
出入りを続けてください。

23. フォーカス方法

文法形式:
window.focus()
機能: ウィンドウにフォーカスを置きます。ぼかし方法で使用する場合は、ピントが失われる可能性があるため注意が必要です
出入りします。

24.captureEvent メソッド

文法形式:
window.captureEvent(イベント)
window.captureEvent(event1|event2|...|eventn)
機能: 指定されたパラメータを使用してすべてのイベントをキャプチャします。ローカル プログラム自体によって処理されるイベントをキャプチャできるため
, そのため、プログラマはイベントを処理する関数を自由に定義できます。キャプチャする必要があるイベントが複数ある場合、各イベント
パイプ文字「|」で区切ります。キャプチャできるイベントの種類は以下のとおりです。
イベント.ABORT
イベント.BLUR
イベント.CHANGE
イベント.CLICK
イベント.DBCLICK
イベント.DRAGDROP
イベント.エラー
イベント.フォーカス
イベント.KEYDOWN
Event.KEYPRESS
イベント.KEYUP
イベント.LOAD
イベント.MOUSEDOWN
Event.MOUSUEMOVE
イベント.MOUSEOUT
イベント.MOUSEOVER
イベント.MOUSEUP
イベント.MOVE
イベント.RESET
イベント.RESIZE
イベント.SELECT
イベント.SUBMIT
イベント.UNLOAD

25.外部キャプチャイベントを有効にする

文法形式:
window.enableExternalCapture(event)
機能:enableExternalCapture メソッドは、パラメータを通じて渡された外部イベントをキャプチャするために使用されます。

26.外部キャプチャイベントを無効にする

文法形式:
window.disableExternalCapture()
機能:enableExternalCaptureメソッドの設定を解除し、外部イベントのキャプチャを終了します。

27. handleEvent イベント

文法形式:
window.handleEvent(イベント)
機能: 指定されたイベントをトリガーするイベント ハンドラー。

28. releaseEvent イベント

文法形式:
window.releaseEvent(イベント)
window.releaseEvent(event1|event2|...|eventn)
機能: パラメータを通じて渡されたキャプチャされたイベントを解放します。これらのイベントは
によって生成されます。 window.captureEventメソッドで設定する解放可能なイベントはcaptureEventと同じです。

29.routeEventイベント

文法形式:
window.releaseEvent(イベント)
機能: キャプチャされたタイプのすべてのイベントを、処理のために標準イベント処理メソッドに転送します。転送可能なもの
ファイルはcaptureEventと同じです。

30スクロールイベント

文法形式:
window.scroll(X 座標, Y 座標)
機能: ウィンドウを指定された座標位置に移動します。

ウィンドウ オブジェクトには次のプロパティがあります:

1. ステータス属性

文法形式:
window.status=string
機能: ブラウザウィンドウのステータスバーの現在の表示情報を設定または与えます。
ヒント: このプロパティを使用して、ブラウザ ウィンドウのステータス バー情報を設定できます。

2. ステータスバー属性

文法形式:
window.statusbar.property
機能: ステータスバー属性自体もオブジェクトであり、
を確認するために独自の表示属性にアクセスするために使用されます。 ステータスバーを表示するかどうかを決定します。
注: IE5.5 ブラウザはこの属性をサポートしていません。

3. statusbar.visible プロパティ

文法形式:
window.statusbar.visible
機能: ステータス バーが表示されているかどうかを確認し、表示されている場合は true を返し、そうでない場合は false を返します。
注: IE5.5 ブラウザはこの属性をサポートしていません。

4. デフォルトステータス属性

文法形式:
window.defaultstatus[=string]
機能:defaultstatus 属性値は、ブラウザ ウィンドウのステータス バーのデフォルトの表示情報です。

5.場所属性

文法形式:
window.location=URL
機能: 現在のウィンドウの URL 情報を与えるか、開いているウィンドウの URL を指定します。

6. ロケーションバー属性

文法形式:
window.locationbar.property
機能: locationbar 属性はサブオブジェクトとみなすこともできます。この属性は独自の
を取得するために使用されます。 visible プロパティを使用して、ロケーションバーが表示されるかどうかを決定します。
これまでのところ、このプロパティには、visible というサブプロパティが 1 つだけあります。
注: IE5.5 はこの属性をサポートしていません。

7. locationbar.visible プロパティ

文法形式:
window.locationbar.visible
機能: ロケーションバーが表示されているかどうかを返します。表示されている場合は true を返し、そうでない場合は false を返します。
注: IE5.5 はこの属性をサポートしていません。

8. 自己属性

文法形式:
window.self.メソッド
window.self.property
機能: この属性には、現在のウィンドウのフラグが含まれています。この属性を使用すると、複数のウィンドウが開かれていることを確認できます
。 この場合、現在のウィンドウ内の関数またはプロパティは混乱することなく正しく呼び出されます。

9. 名前属性

文法形式:
window.name=名前
機能: window.open() メソッドが新しいウィンドウを作成するときに指定されるウィンドウ名を返します。
javascript1.0 バージョンでは、この属性はウィンドウ名の読み取りにのみ使用できます。 javascript1.1 バージョンでは、この属性を使用して、window.open() メソッドを使用して作成されていない
を与えることができます。 ウィンドウには名前が付けられます。

10. クローズド属性

文法形式:

window.closed
機能: Closed 属性は、指定されたウィンドウのインスタンスが閉じられているかどうかを返すために使用されます。閉じられている場合は、true
を返します。 、それ以外の場合は false を返します。

11. フレーム属性

文法形式:

window.frames["フレーム名"]
window.frames[数値]
機能: フレーム属性は、ドキュメント内の要素によって作成された各サブウィンドウを格納するために使用される配列です (フレーム
Frame) インスタンス。添字はシーケンス番号または FRAME 要素
の NAME 属性を使用して指定された名前のいずれかになります。 取得して使用できるスケール。

12. Frames.length プロパティ

文法形式:

window.frames.length
機能: Frames.length 属性は、ドキュメント内のサブウィンドウ (フレーム) インスタンスの数を指定するために使用されます。

13. 長さ属性

文法形式:

window.length
機能: length 属性はウィンドウ内のサブウィンドウの数を返します。この属性は
と同じです。 window.frame.length プロパティの値は同じです。

14. ドキュメント属性

文法形式:

window.document.event
window.document.method
window.document.property
機能: JavaScript のコア オブジェクトであるウィンドウ オブジェクトのサブオブジェクト ドキュメントがスクリプト内で検出されました。 BODY 要素のインスタンスを作成します。

15. 履歴属性

文法形式:
window.history[数値]
window.history.method()
window.history.property
window オブジェクトのサブオブジェクト履歴は、JavaScript のコア オブジェクトの 1 つです。この属性には
が含まれます。 アクセスしたページの名前と URL の配列。

16. innerHeight プロパティ

文法形式:
window.innerHeight=数値
機能: ブラウザ ウィンドウ内のドキュメントのピクセルの高さを返すか指定します。この高さにはツールバーと
は含まれません。 ウィンドウを構成するページ装飾の高さ。
注: IE5.5 はこの属性をサポートしていません。

17. innerWidth プロパティ

文法形式:
window.innerHeight=数値
機能: ブラウザ ウィンドウ内のドキュメントのピクセル幅を返すか指定します。この幅にはツールバーと
は含まれません。 ウィンドウを構成するページ装飾の幅。
注: IE5.5 はこの属性をサポートしていません。

18. メニューバー属性

文法形式:
window.menubar.property
機能: menubar 属性はサブオブジェクトとみなすこともできます。この属性は独自の
を取得するために使用されます。 visible プロパティを使用して、メニュー バーが表示されるかどうかを決定します。
これまでのところ、このプロパティには、visible というサブプロパティが 1 つだけあります。
注: IE5.5 はこの属性をサポートしていません。

19. menubar.visible プロパティ

文法形式:
window.menubar.visible
関数: menubar.visible プロパティは、メニュー バーが表示されるかどうかを返すために使用されます。表示されている場合は true を返し、そうでない場合は
を返します。 false を返します。
注: IE5.5 はこの属性をサポートしていません。

20. オープナー属性

文法形式:
window.opener
window.opener.method
window.opener.property
機能: opener 属性は、子ウィンドウ
の operer 属性にアクセスするときに、ウィンドウを開く親ウィンドウに関連付けられます。 、親ウィンドウが返されます。このプロパティは、親ウィンドウ オブジェクトからメソッドとプロパティへのアクセスを提供します。

21.outerHeight プロパティ

文法形式:
window.outerHeight
機能: externalHeight プロパティは、ツールバーと
を含むブラウザ ウィンドウのピクセル高さにアクセスするために使用されます。 装飾エッジの高さ。
注: IE5.5 はこの属性をサポートしていません。

22.outerWidth 属性

文法形式:
window.outerWidth
機能: externalWidth 属性は、ツールバーやデバイスを含むブラウザ ウィンドウのピクセル幅にアクセスするために使用されます
トリムの幅。
注: IE5.5 はこの属性をサポートしていません。

23. pageXOffset 属性

文法形式:
window.pageXOffset=数値
機能: ブラウザウィンドウ内のドキュメントの左上隅の現在の水平ピクセル位置をウィンドウ内に指定します。
の使用 moveTo の前に、このプロパティを使用してウィンドウを移動する必要があるかどうかを決定できます。この属性は
を返すため ページ全体に対する表示ドキュメントの現在の位置。
注: IE5.5 はこの属性をサポートしていません。

24. pageYOffset 属性

文法形式:
window.pageYOffset=数値
機能: ブラウザウィンドウ内のドキュメントの左上隅の現在の垂直ピクセル位置をウィンドウ内に指定します。
の使用 moveTo の前に、このプロパティを使用してウィンドウを移動する必要があるかどうかを決定できます。この属性は
を返すため ページ全体に対する表示ドキュメントの現在の位置。
注: IE5.5 はこの属性をサポートしていません。

25. 親属性

文法形式:
window.parent.frames[数値]
window.parent.framesName
機能: 各子ウィンドウ (マルチフレーム) が配置されている親ウィンドウにアクセスします。

26. パーソナルバーの属性

文法形式:
window.personalbar.property
機能: Personalbar 属性自体もオブジェクトであり、それ自体の表示属性にアクセスして
を確認するために使用されます。 個人用列が表示されるかどうかを判断します。
注: IE5.5 はこの属性をサポートしていません。

27.personalbar.visible プロパティ

文法形式:
window.personalbar.visible
機能: 個人用列が表示されるかどうかを判断します。表示される場合は true を返し、そうでない場合は false を返します。
注: IE5.5 はこの属性をサポートしていません。

28. スクロールバーのプロパティ

文法形式:
window.scrollbars.property
機能: スクロールバー属性自体もオブジェクトであり、それ自体の表示属性にアクセスして
を確認するために使用されます。 スクロール バーを表示するかどうかを決定します。
注: IE5.5 はこの属性をサポートしていません。

29. スクロールバー.visible プロパティ

文法形式:
window.scrollbars.visible
関数: スクロールバーが表示されるかどうかを判断するために使用されます。表示されている場合は true を返し、そうでない場合は
を返します。 false を返します。
注: IE5.5 はこの属性をサポートしていません。

30. ツールバー属性

文法形式:
window.toolbar.property
機能: ツールバー属性自体もオブジェクトであり、
を決定するために独自の表示属性にアクセスするために使用されます。 ツールバーが表示されるかどうか。
注: IE5.5 はこの属性をサポートしていません。

31. ツールバー.visible プロパティ

文法形式:
window.toolbar.visible
機能: toolbar.visible プロパティは、ツールバーが表示されているかどうかを確認するために使用され、表示されている場合は true を返します。
それ以外の場合は false を返します。
注: IE5.5 はこの属性をサポートしていません。

32. トップ属性

文法形式:
window.top.frames[数値]
window.top.frameName
window.top.method()
window.top.property
機能: window オブジェクトの top 属性は、ブラウザーにロードされるすべてのサブウィンドウ (マルチフレーム) の最上位のウィンドウに関する情報を含めるために使用されます。

以上がこの記事の全内容です。皆さんに気に入っていただければ幸いです。