JavaScriptでWindowオブジェクトを使う

Windowは、Webページを表示するウィンドウに相当するオブジェクトである。 このようなウィンドウは動的に作成することができます。
これはJavaScriptのオブジェクトではなく、W3CのDOM仕様で定義されているわけではありません。

インターフェースウィンドウの属性とメソッドは Internet Explorer 4, Firefox 1, Opera 9, より新しいバージョンと Safari で認識されます。

現在のウィンドウはキーワード window で参照され、動的に作成されるウィンドウは open メソッドの戻り値で割り当てられたオブジェクトに与えられた名前によって参照されます。

ウィンドウの属性と内部オブジェクトの定義とテスト

属性と内部オブジェクトの定義

これらの属性はいくつかについてだけ読むことができ、それ以外は値を割り当てることができる。

frames ウィンドウ内のフレーム。 length フレームの数。 name ウィンドウの名前。 status ステータスバーのテキスト
Firefoxでは、テキストの変更はオプションです。 オプション」→「コンテンツ」→「JavaScript」と進み、「詳細設定」ボタンをクリックします。 defaultStatus ステータスバーのデフォルトのテキスト。 例

x = window.opener;

parent ウィンドウの親。 例

x = mywin.parent;

top 最上位の親。

ウィンドウ内のオブジェクト

これらのオブジェクトは、ここでは詳しく説明しませんが、独自の属性やメソッドを持っています。

document ウィンドウに含まれる、ページを指します。 history 同じウィンドウで以前閲覧したページのリストです。 履歴。 location ウィンドウを含むページのURLを指定します。 screen 画面とそのプロパティ(width, height, availWidth, availHeight, colorDepth)を指定します。

章にあるウィンドウ作成用のプロパティも参照してください。 JavaScriptで新しいウィンドウを開く

ブラウザでWindowsオブジェクトのプロパティを確認する

ブラウザがサポートしていないプロパティは未定義です。
いくつかのプロパティはウィンドウのコンストラクタのパラメータとして使用されますが、直接アクセスできないためここには記載されていません。

innerWidth innerHeight

outerWidth outerHeight

locationbar menubar personalbar statusbar toolbar scrollbar

pageXOffset pageYOffset

screenX screenY

ディレクトリ

status defaultStatus

open

parent

top

name

length

Firefox7で動作しない

offscreenBuffering

Internet Explorerやすべてのブラウザで同等の値を取得できるようにしました。

document.body.clientHeight

document.body.clientWidth

document.body.offsetHeight

document.body.offsetWidth

document.body.offsetHeight

document.body.offsetHeight

document.body.offsetHeight

document.documentElement.offsetWidth

その他

Crypto

警告: このメッセージは、DocumentElement.offsetHeight

とDocumentElement.offsetWidthの間にあります。 DOCTYPE宣言はこれらの値に影響を与える可能性があります。

ウィンドウとデモのメソッド

ウィンドウを開いたり閉じたりするメソッドは、章に記述されています。 JavaScriptで新しいウィンドウを開く」の章を参照してください。

メソッドの定義 alert(message) メッセージを表示します。 x = prompt(message) ユーザーの応答を要求するダイアログボックスを表示し、答えを返します。 x = confirm(message) 確認またはキャンセルする2つのボタンと通常質問であるメッセージを表示します。 resizeTo(w, h) 幅と高さのサイズを変更します。 scrollTo(x, y) scrollbarsフラグに従って、ウィンドウのスクロールを有効にしなければなりません、これはデフォルトです。 clearInterval(id) 間隔をクリアする id = setTimeout(expression, milliseconde) 式を期限後に評価する clearTimeout(id) 遅延をクリアする focus() フォーカスをウィンドウに渡す blur() 現在/与えられたウィンドウへのフォーカスを抑える createPopup() サブウィンドウを作る print() ウィンドウ内の内容の印刷を開始する。 HTMLウィンドウオブジェクトのメソッドのデモ ボタンをクリックすると、メソッドの動作を見ることができます。 右側に対応するコードが表示されます。

See also

setTimeout の使用例は、lightbox with fade in effect のデモに含まれています。

コメントを残す

メールアドレスが公開されることはありません。