ホームページ >ウェブフロントエンド >jsチュートリアル >Javascriptウィンドウオブジェクトの属性ソート_基礎知識
window オブジェクトには次のメソッドがあります。
open
close
alert
confirm
prompt
setTimeout
clearTimeout
setInterval
clearInterval
moveBy
移動
サイズ変更
サイズ変更
スクロール
スクロール
検索
戻る
進む
ホーム
停止
印刷
ぼかし
フォーカス
captureEvent
enableExternalCapture
disableExternalCapture
handleEvent
releaseEvent
routeEvent
scroll
1. openメソッド
構文形式:
window.open(URL, window name , window style)
機能: 新しいウィンドウを開き、指定された URL アドレスを持つ Web ページをウィンドウ内にロードします。
説明:
open メソッドは、新しいブラウザ ウィンドウを開き、指定された URL アドレスを新しいウィンドウにロードするために使用されます。
open メソッドは、新しいブラウザ ウィンドウを開くときにも使用できます。名前を指定します。ウィンドウの (2 番目のパラメーター);
open メソッドでは、新しいブラウザー ウィンドウを開くときにウィンドウのスタイル (3 番目のパラメーター) を指定することもできます。
ウィンドウのスタイルには次のオプションがあります。 複数選択。複数選択する場合は、オプションをカンマで区切ります。
ツールバー: ウィンドウに標準ツールバーがあるかどうかを指定します。このオプションの値が 1 または Yes の場合、標準の
ツールバーがあることを意味します。このオプションの値が 0 または no の場合、
location: ウィンドウが存在するかどうかを指定します。アドレス ツールバーがあります。オプションの値と意味はツールバーと同じです。
ディレクトリ: ウィンドウにリンク ツールバーがあるかどうかを指定します。オプションの値と意味はツールバー
ステータスと同じです。ウィンドウにステータス バーがあるかどうかを指定します。オプションの値と意味はツールバーと同じです。
menubar: ウィンドウにメニューがあるかどうか、オプションの値と意味はツールバーと同じです。 🎜>scrollbar: 現在のウィンドウドキュメントがウィンドウより大きい場合にスクロールバーがあるかどうかを指定します。オプションの値と意味は
toolbar と同じです。
resizable: ウィンドウのサイズを変更できるかどうかを指定します。オプションの値と意味はツールバーと同じです。
width: ウィンドウの幅をピクセル単位で指定します。
height: ウィンドウの高さをピクセル単位で指定します。 innerHeight に置き換えられました。
outerWidth: ウィンドウの外側の幅をピクセル単位で指定します。
left: ウィンドウの位置をピクセル単位で指定します。画面の左側;
top: 画面の上部からのウィンドウの位置をピクセル単位で指定します。
alwaysLowered: ウィンドウがすべてのウィンドウの背後に隠れることを指定します。このオプションの値と意味は次のとおりです。ツールバーと同じ;
alwaysRaized : オプションの値と意味がツールバーと同じであることを指定します。
依存: 開かれたウィンドウがその子ウィンドウであることを指定します。現在のウィンドウであり、親ウィンドウが閉じられると
も閉じられます。 オプションの値と意味はツールバーと同じです。 メニュー バーのない新しいウィンドウで安全に終了するためのホットキーを設定します。オプションの意味は
toolbar と同じです。
innerHeight: ウィンドウ内のドキュメントのピクセルの高さを設定します。
innerWidth: ウィンドウ内のドキュメントのピクセルの幅を設定します。画面の左端からのウィンドウのピクセル長;
screenY: 画面の上端からのウィンドウのピクセル長を設定します。
titleBar: 新しいウィンドウにタイトル バーが表示されるかどうかを示します。オプションの値と意味はツールバーと同じです。
z-look: ウィンドウがアクティブ化されると、他のウィンドウの上に浮くことができないことを示します。オプションの値と意味は
と同じです。ツールバー。
open メソッドはウィンドウへの参照を返します。
ヒント: この方法は、Web ページを開いたときに別のウィンドウを自動的に開くためによく使用されます。
例 6-2-1: 現在のウィンドウが開いているときに別のウィンドウを自動的に開くために使用される小さなプログラムを準備します。ウィンドウには標準ツールバー、アドレスバー、リンクツールバー、メニューがないことが必要です。バーにはステータス列がありますが、ウィンドウ内で開かれた Web ページ
のアドレスは http://www.jb51.net です。
2. close メソッド
構文形式:
window.close()
機能: close メソッドは、ブラウザ ウィンドウを自動的に閉じるために使用されます。
3. アラート メソッド
文法形式:
window.alert (プロンプト文字列)
機能: 警告ボックスをポップアップし、警告ボックスにプロンプト文字列のテキストを表示します。
4.confirm メソッド
構文形式:
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 パラメータ) を設定した後、「コード "文字式" を繰り返し実行します」 content
9. clearInterval メソッド
構文形式:
window.clearInterval (タイムインターバル)
機能: setInterval で設定したタイミングを解除します。パラメータはsetIntervalメソッドの戻り値です。
10. moveBy メソッド
構文形式:
window.moveBy(水平方向の移動, 垂直方向の移動)
機能: 指定されたピクセル パラメーターに従って、指定されたウィンドウを移動します。最初のパラメータはウィンドウが水平方向に移動するピクセルであり、2 番目のパラメータはウィンドウが垂直方向に移動するピクセルです。
11.moveTo メソッド
構文形式:
window.moveTo(x,y)
機能: 指定された指定座標 (x, y) にウィンドウを移動します。
12.sizeBy メソッド
構文形式:
window.resizeBy (horizontal,vertical)
機能: x の値が指定された場合、現在のウィンドウを指定されたサイズ (x, y) に変更します。と y が 0 より大きい場合は拡張され、0 より小さい場合は
が縮小されます。
13.sizeTo メソッド
構文形式:
window.resizeTo(水平幅, 垂直幅)
機能: 現在のウィンドウを (x, y) サイズに変更します。x、y は幅と高い。
14.scrollBy メソッド
構文形式:
window.scrollBy (水平方向の変位、垂直方向の変位)
機能: 指定された変位に従ってウィンドウ内のコンテンツをスクロールします。パラメータが正の数の場合は順方向にスクロールし、そうでない場合は逆の
方向にスクロールします。
15.scrollTo メソッド
構文形式:
window.scrollTo(x,y)
機能: ウィンドウ内のコンテンツを指定された位置までスクロールします。
16.find メソッド
構文形式:
window.find()
機能: このメソッドがトリガーされると、「検索」ダイアログ ウィンドウがポップアップ表示され、ユーザーは
をタッチできるようになります。 find メソッドを使用してページ内の文字列を検索します。
注: この属性は IE5.5 および Netscape6.0 ではサポートされていません。
17. back メソッド
構文形式:
window.back()
機能: ユーザーがブラウザーの「戻る」ボタンをクリックして、ブラウザーの前のページに移動することをシミュレートします。
注: この操作は、現在のページに前のページがある場合にのみ実行できます。
注: IE5.5 はこのメソッドをサポートしていませんが、Netscape6.0 はサポートしています。
18. forward メソッド
構文形式:
window.forward()
機能: ユーザーがブラウザの「進む」ボタンをクリックしてブラウザの次のページに移動することをシミュレートします。
注: この操作は、現在のページに次のページが存在する場合にのみ実行できます。
注: IE5.5 はこの方法をサポートしていませんが、Netscape6.0 はサポートしています。
19. home メソッド
構文形式:
window.home()
機能: ユーザーがブラウザーの「ホーム」ボタンをクリックして、指定されたページにページをリダイレクトすることをシミュレートします。
注: IE5.5 はこの方法をサポートしていませんが、Netscape6.0 はサポートしています。
20. stop メソッド
構文形式:
window.stop()
機能: ユーザーがブラウザーの「停止」ボタンをクリックしてブラウザーのダウンロード操作を終了することをシミュレートします。
注: IE5.5 はこのメソッドをサポートしていませんが、Netscape6.0 はサポートしています。
21. print メソッド
構文形式:
window.print()
機能: ユーザーがブラウザーの「印刷」ボタンをクリックすることをシミュレートし、印刷するために印刷ダイアログ ボックスを開くようにブラウザーに通知します。
現在のページ。
22. Blur メソッド
構文形式:
window.blur()
機能: ウィンドウからフォーカスを削除します。フォーカス メソッドと併用すると、フォーカス
が継続的に出入りする可能性があるため、注意が必要です。
23. focus メソッド
構文形式:
window.focus()
機能: ウィンドウにフォーカスを取得します。 Blur メソッドと併用すると、フォーカスが連続的に移動したり移動したりする可能性があるため注意が必要です
連続
24. Captureevent メソッド
構文形式:
window.captureevent(event)
window.captureevent( Event 1|Event 2|...|Event n)
機能: 指定されたパラメーターを持つすべてのイベントをキャプチャします。ローカル プログラム自体によって処理されるイベント
をキャプチャできるため、プログラマはイベントを処理する関数を自由に定義できます。キャプチャする必要があるイベントが複数ある場合は、パイプ文字「|」を使用して各イベント
を区切ります。キャプチャできるイベントの種類は次のとおりです。
event.abort
event.blur
event.change
event.click
event.dblclick
event.dragdrop
event.error
event.focus
event.keydown
event.keypress
event.keyup
event.load
event.mousedown
event.mousemove
イベント。 Mouseout
event.mouseover
event.mouseup
event.move
event.reset
event.resize
event.select
event.submit
event.unload
25.enableexternalcapture イベント
構文形式:
window.enableexternalcapture(event)
機能:enableexternalcapture メソッドは、パラメーターを通じて渡された外部イベントをキャプチャするために使用されます。
26. disableexternalcapture イベント
構文形式:
window.disableexternalcapture()
機能:enableexternalcapture メソッドの設定を解除し、外部イベントのキャプチャを終了します。
27. handleevent イベント
構文形式:
window.handleevent(event)
機能: 指定されたイベントをトリガーするイベント ハンドラー。
28. releaseevent イベント
文法形式:
window.releaseevent(event)
window.releaseevent(event1|event2|...|eventn)
関数: パラメータによるリリース 受信キャプチャされたイベント、これらのイベントは
window.captureevent メソッドによって設定され、解放可能なイベントは Captureevent と同じです。
29.routeevent イベント
文法形式:
window.releaseevent(event)
機能: キャプチャされたタイプのすべてのイベントを、処理用の標準イベント処理メソッドに転送します。転送可能なもの
ファイルキャプチャイベントと同じです。
30 スクロールイベント
構文形式:
window.scroll(x 座標, y 座標)
機能: 指定された座標位置にウィンドウを移動します。
6-2-2 window オブジェクトの属性
window オブジェクトには以下の属性があります:
status
statusbar
statusbar.visible
defaultstatus
location
locationbar
locationbar.visible
self
name
closed
frames
frames.length
length
document
history
innerheight
innerwidth
menubar
menubar.visible
opener
outerheight
outerwidth
pagexoffset
pageyoffset
parent
personalbar
personalbar.visible
スクロールバー
スクロールバー.visible
toolbar
toolbar.visible
top
1. ステータス属性
文法形式:
window.status=string
機能: ステータス バーを設定または指定します。現在表示されている情報のブラウザ ウィンドウ。
ヒント: この属性を使用して、ブラウザ ウィンドウのステータス バーの情報を設定できます。
2. statusbar 属性
構文形式:
window.statusbar.attribute
機能: statusbar 属性自体もオブジェクトであり、ステータス バーが 見えます。
注: IE5.5 ブラウザはこの属性をサポートしていません。
3. statusbar.visible 属性
構文形式:
window.statusbar.visible
機能: ステータス バーが表示されているかどうかを確認し、表示されている場合は true を返し、そうでない場合は false を返します。
注: IE5.5 ブラウザはこの属性をサポートしていません。
4.defaultstatus 属性
構文形式:
window.defaultstatus[=string]
機能:defaultstatus 属性値は、ブラウザ ウィンドウのステータス バーのデフォルトの表示情報です
5. location 属性
構文形式:
window.location=url
機能: 現在のウィンドウの URL 情報を与えるか、開いているウィンドウの URL を指定します。
6. locationbar 属性
文法形式:
window.locationbar.attribute
機能: この属性は、独自の
を取得するために使用されます。 visible 属性を使用して、ロケーションバーが表示されるかどうかを決定します。
これまでのところ、このプロパティには、visible というサブプロパティが 1 つだけあります。
注: IE5.5 はこの属性をサポートしていません。
7. locationbar.visible 属性
構文形式:
window.locationbar.visible
機能: ロケーション バーが表示されている場合は true を返し、そうでない場合は false を返します。
注: IE5.5 はこの属性をサポートしていません。
8. self 属性
構文形式:
window.self.Method
window.self.Attribute
機能: この属性には、現在のウィンドウのフラグが含まれます。ウィンドウ
が開いたときに、現在のウィンドウ内の関数またはプロパティが混乱なく正しく呼び出されることを確認します。
9. name 属性
構文形式:
window.name=name
機能: window.open() メソッドが新しいウィンドウを作成するときに指定されるウィンドウ名を返します。
javascript1.0 バージョンでは、この属性はウィンドウ名の読み取りにのみ使用できます。
javascript1.1 バージョンでは、この属性を使用してウィンドウを使用して作成されていない ウィンドウに名前が付けられます。
10. Closed 属性
文法形式:
window.closed
機能: Closed 属性は、指定されたウィンドウのインスタンスが閉じられているかどうかを返すために使用され、閉じられている場合は true を返します。
、それ以外の場合は false を返します。
11. フレーム属性
構文形式:
window.frames["フレーム名"]
window.frames[値]
機能: フレーム属性は、フレーム属性を格納するために使用される配列です。 document 要素によって作成された子ウィンドウ (frame
フレーム) インスタンスごとに、添字はフレーム要素の name 属性で指定されたシーケンス番号または名前
のいずれかを取得して使用できます。
12. Frames.length 属性
構文形式:
window.frames.length
機能: Frames.length 属性は、ドキュメント内のサブウィンドウ (フレーム) インスタンスの数を指定するために使用されます。 。
13. length 属性
文法形式:
window.length
機能: length 属性は、ウィンドウ内のサブウィンドウの数を返します。この属性は、
window と同じ値を持ちます。 .frame.length 属性。
14. ドキュメント属性
構文形式:
window.document.Event
window.document.Method
window.document.Attribute
機能: ウィンドウのサブオブジェクトドキュメントオブジェクトは JavaScript です。コア オブジェクトであるインスタンスは、スクリプト内で
body 要素が検出されたときに作成されます。
15. 履歴属性
構文形式:
window.history[value]
window.history.Method()
window.history.Attribute
window オブジェクトは JavaScript のコア オブジェクトの 1 つであり、この属性には、アクセスしたページの名前と URL の
配列が含まれます。
16. innerheight 属性
構文形式:
window.innerheight=数値
機能: ブラウザー ウィンドウ内のドキュメントのピクセルの高さを返すか指定します。この高さにはツールバーと コンポーネント ウィンドウのページ装飾の高さ。
注: IE5.5 はこの属性をサポートしていません。
17. innerwidth 属性
構文形式:
window.innerheight=数値
機能: ブラウザー ウィンドウ内のドキュメントのピクセル幅を返すか指定します。この幅にはツールバーと ウィンドウのページ装飾幅。
注: IE5.5 はこの属性をサポートしていません。
18. menubar 属性
構文形式:
window.menubar.attribute
機能: この属性は、独自の
visible を取得するために使用されます。属性を使用して、メニュー バーが表示されるかどうかを決定します。
これまでのところ、このプロパティには、visible というサブプロパティが 1 つだけあります。
注: IE5.5 はこの属性をサポートしていません。
19. menubar.visible 属性
構文形式:
window.menubar.visible
機能: menubar.visible 属性は、メニュー バーが表示されているかどうかを返すために使用されます。 true、そうでない場合は
false を返します。
注: IE5.5 はこの属性をサポートしていません。
20. opener 属性
構文形式:
window.opener
window.opener.method
window.opener.property
機能: opener 属性は、親ウィンドウに関連付けられます。 Contact ウィンドウを開きます。子ウィンドウ
の演算子属性にアクセスすると、親ウィンドウが返されます。このプロパティは、親ウィンドウ オブジェクトからメソッドとプロパティへのアクセスを提供します。
21. externalheight 属性
構文形式:
window.outerheight
機能: externalheight 属性は、ツールバーと
の高さを含む、ブラウザー ウィンドウのピクセルの高さにアクセスするために使用されます。装飾的なエッジ。
注: IE5.5 はこの属性をサポートしていません。
22. externalwidth 属性
構文形式:
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. Personalbar 属性
構文形式:
window.personalbar.attribute
関数: Personalbar 属性自体もオブジェクトであり、
が個人用かどうかを決定するために使用されます。バーが見えます。
注: IE5.5 はこの属性をサポートしていません。
27.personalbar.visible 属性
構文形式:
window.personalbar.visible
機能: パーソナル バーが表示されている場合は true を返し、そうでない場合は false を返します。
注: IE5.5 はこの属性をサポートしていません。
28. スクロールバー属性
構文形式:
window.scrollbars.property
機能: スクロールバー属性自体もオブジェクトであり、スクロールするかどうかを
決定するために独自の可視属性にアクセスするために使用されます。 bar は Visible
注: IE5.5 はこの属性をサポートしていません。
29. スクロールバー.visible 属性
構文形式:
window.scrollbars.visible
機能: スクロールバーが表示されているかどうかを判断するために使用され、表示されている場合は true を返します。それ以外の場合は
false を返します。
注: IE5.5 はこの属性をサポートしていません。
30. ツールバー属性
構文形式:
window.toolbar.属性
関数: ツールバー属性自体もオブジェクトであり、
ツールバーが表示されるかどうかを決定するために使用されます。見えます。
注: IE5.5 はこの属性をサポートしていません。
31.toolbar.visible プロパティ
構文形式:
window.toolbar.visible
機能:toolbar.visible プロパティは、ツールバーが表示されているかどうかを確認するために使用され、表示されている場合は true を返します。 .
その逆。
注: IE5.5 はこの属性をサポートしていません。
32. トップ属性
構文形式:
window.top.frames[value]
window.top.framename
window.top.method()
window.top.property
機能: window オブジェクトの top 属性は、ブラウザーにロードされるすべてのサブウィンドウ (マルチフレーム) の最上位のウィンドウに関する情報を含めるために使用されます。