jsウィンドウオブジェクトのプロパティとメソッド_javascriptスキルに関する情報をまとめました

ウィンドウ オブジェクトには次のメソッドがあります:

開く、閉じる、アラート確認プロンプト setTimeout、clearTimeout setInterval、clearInterval moveBy moveTo、sizeBy、resizeTo、scrollBy、scrollTo 検索、戻る、進む、ホーム、停止、印刷、ブラー、フォーカス、キャプチャ、イベント有効、外部キャプチャ、無効、外部キャプチャ ハンドル、イベント リリース、イベント ルート、イベント スクロール

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(timer)

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

8. setInterval メソッド

構文形式: window.setInterval(コード文字式, ミリ秒)

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

9.clearInterval メソッド

構文形式: window.clearInterval (時間間隔)

機能: setInterval で設定したタイミングをキャンセルします。パラメータはsetIntervalメソッドの戻り値です。

10. moveBy メソッド

構文形式: window.moveBy(水平移動、垂直移動)

機能: 指定されたピクセルパラメータに従って、指定されたウィンドウを移動します。最初のパラメータはウィンドウが水平方向に移動するピクセルであり、2 番目のパラメータはウィンドウが垂直方向に移動するピクセルです。

11.moveTo メソッド

構文形式: window.moveTo(x,y)

機能: 指定した指定座標(x,y)にウィンドウを移動します。

12.resizeBy メソッド

構文形式: window.resizeBy(horizo​​ntal,vertical)

機能: 現在のウィンドウを指定されたサイズ (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.キャプチャイベントメソッド

構文形式: window.captureevent(event)

window.captureevent(event1|event2|…|eventn)

機能: 指定されたパラメータですべてのイベントをキャプチャします。ローカル プログラム自体によって処理されるイベントをキャプチャできるため、プログラマはイベントを処理する関数を自由に定義できます。キャプチャする必要があるイベントが複数ある場合は、パイプ文字「|」を使用して各イベントを区切ります。キャプチャできるイベントの種類は以下のとおりです。

event.abortevent.blurevent.changeevent.clickevent.dblclickevent.dragdropevent.errorevent.focusevent.keydownevent.keypressevent.keyupevent.loadevent.mousedownevent.mousemoveevent.mouseoutevent.mouseover event.mouseup event.move event.reset event.resize イベント。 select event.submit event.unload

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

構文形式: window.enableexternalcapture(event)

機能:enableexternalcapture メソッドは、パラメータを通じて渡された外部イベントをキャプチャするために使用されます。

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

構文形式: window.disableexternalcapture()

機能:enableexternalcaptureメソッドの設定を解除し、外部イベントのキャプチャを終了します。

27.イベントイベント

構文形式: window.handleevent(event)

関数: 指定されたイベントをトリガーするイベント ハンドラー。

28. リリースイベント

構文形式: window.releaseevent(event)

window.releaseevent(event1|event2|…|eventn)

機能: パラメータを通じて渡されたキャプチャされたイベントを解放します。これらのイベントは、window.captureevent メソッドによって設定されます。解放可能なイベントは、captureevent と同じです。

29. ルートイベントイベント

構文形式: window.releaseevent(event)

機能: キャプチャされたタイプのすべてのイベントを標準イベント処理メソッドに転送して処理します。 転送できるイベントは、captureeven と同じです。

30. スクロールイベント

構文形式: window.scroll(x 座標, y 座標)

機能: ウィンドウを指定した座標位置に移動します。

ウィンドウオブジェクトのプロパティ

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

ステータス statusbar statusbar.visibledefaultstatus location locationbar locationbar.visible self name クローズドフレーム Frames.length ドキュメント履歴 innerheight innerwidth menubar menubar.visible opener innerheight innerwidth pagexoffset pageyoffsetparentpersonalbarpersonalbar.visiblescrollbar スクロール bar.visible toolbar toolbar.visible top

1. ステータス属性

構文形式: window.status=string

機能: ブラウザウィンドウのステータスバーの現在の表示情報を設定または与えます。

ヒント: この属性を使用して、ブラウザ ウィンドウのステータス バーの情報を設定できます。

2. ステータスバー属性

構文形式: window.statusbar.Attribute

機能: statusbar 属性自体もオブジェクトであり、ステータス バーが表示されるかどうかを判断するために独自の可視属性にアクセスするために使用されます。

注: 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 というサブプロパティが 1 つだけあります。

注: IE5.5 はこの属性をサポートしていません。

7. locationbar.visible プロパティ

構文形式: window.locationbar.visible

機能: ロケーションバーが表示されているかどうかを返します。表示されている場合は true を返し、そうでない場合は false を返します。

注: IE5.5 はこの属性をサポートしていません。

8. 自己属性

構文形式: window.self.method

window.self.Property

関数: この属性には、現在のウィンドウのフラグが含まれています。この属性を使用すると、複数のウィンドウが開いているときに、現在のウィンドウ内の関数またはプロパティが混乱することなく正しく呼び出されることを確認できます。

9. 名前属性

構文形式: window.name=name

機能: window.open() メソッドが新しいウィンドウを作成するときに指定されるウィンドウ名を返します。 JavaScript 1.0 バージョンでは、この属性はウィンドウ名の読み取りにのみ使用できます。JavaScript 1.1 バージョンでは、この属性を使用して window.open() メソッドを使用して作成されていないウィンドウの名前を指定できます。

10. クローズド属性

構文形式: window.closed

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

11. フレーム属性

構文形式: window.frames["フレーム名"]

window.frames[数値]

機能: フレーム属性は、ドキュメント内の要素によって作成された各サブウィンドウ (フレーム) インスタンスを格納するために使用される配列です。添字には、フレーム要素の名前属性で指定されたシーケンス番号または名前を指定できます。を取得して使用します。

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

機能: window オブジェクトのサブオブジェクト ドキュメントは、スクリプト内で body 要素に遭遇するとインスタンスが作成されます。

15. 履歴属性

構文形式: window.history[value] window.history.method() window.history.property

ウィンドウ オブジェクトのサブオブジェクト履歴は、JavaScript のコア オブジェクトの 1 つであり、この属性には、アクセスしたページの名前と URL の配列が含まれます。

16. innerheight プロパティ

構文形式: window.innerheight=数値

機能: ブラウザ ウィンドウ内のドキュメントのピクセルの高さを返すか指定します。この高さには、ウィンドウを構成するツールバーやページの変更の高さは含まれません。

注: IE5.5 はこの属性をサポートしていません。

17. 内部幅属性

構文形式: window.innerheight=数値

機能: ブラウザ ウィンドウ内のドキュメントのピクセル幅を返すか指定します。この幅には、ウィンドウを構成するツールバーやページ変更の幅は含まれません。

注: IE5.5 はこの属性をサポートしていません。

18. メニューバー属性

構文形式: window.menubar.Attribute

機能: menubar 属性はサブオブジェクトとみなすこともできます。この属性は、メニュー バーが表示されるかどうかを決定するための独自の可視属性を取得するために使用されます。これまでのところ、このプロパティには、visible というサブプロパティが 1 つだけあります。

注: IE5.5 はこの属性をサポートしていません。

19. menubar.visible プロパティ

構文形式: window.menubar.visible

機能: menubar.visible プロパティは、メニュー バーが表示されているかどうかを返すために使用され、表示されている場合は true を返し、そうでない場合は false を返します。

注: IE5.5 はこの属性をサポートしていません。

20. オープナー属性

構文形式: window.opener | window.opener.method |

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

21. 外側の高さ属性

構文形式: window.outerheight

機能: externalheight 属性は、ブラウザ ウィンドウのピクセル高さにアクセスするために使用されます。これには、ツールバーや装飾エッジの高さが含まれます。

注: IE5.5 はこの属性をサポートしていません。

22. 外幅属性

構文形式: window.outerwidth

機能: externalwidth 属性は、ブラウザ ウィンドウのピクセル幅にアクセスするために使用されます。これには、ツールバーや装飾エッジの幅が含まれます。

注: IE5.5 はこの属性をサポートしていません。

23. pagexoffset 属性

構文形式: window.pagexoffset=数値

機能: ブラウザウィンドウ内のドキュメントの左上隅の現在の水平ピクセル位置をウィンドウに指定します。 moveto を使用して移動する前に、このプロパティを使用してウィンドウを移動する必要があるかどうかを決定できます。このプロパティは、ページ全体に対する表示ドキュメントの現在の位置を返すためです。

注: IE5.5 はこの属性をサポートしていません。

24. ページオフセット属性

構文形式: window.pageyoffset=数値

機能: ブラウザウィンドウ内のドキュメントの左上隅の現在の垂直方向のピクセル位置をウィンドウに指定します。 moveto を使用して移動する前に、このプロパティを使用してウィンドウを移動する必要があるかどうかを決定できます。このプロパティは、ページ全体に対する表示ドキュメントの現在の位置を返すためです。

注: IE5.5 はこの属性をサポートしていません。

25. 親属性

構文形式: window.parent.frames[numeric] window.parent.framesname

機能: 各子ウィンドウ (マルチフレーム) が配置されている親ウィンドウにアクセスします。

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

構文形式: window.personalbar.property

機能: パーソナルバー属性自体もオブジェクトであり、それ自体の可視属性にアクセスしてパーソナルバーが表示されるかどうかを判断するために使用されます。

注: 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[numeric] window.top.framename window.top.method()

window.top.property

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