JavaScriptのWindowオブジェクト_基礎知識

JavaScript の Window オブジェクト
は、ブラウザ ウィンドウを表す JavaScript の最大のオブジェクトです。通常、そのプロパティとメソッドを参照する場合は、「window.xxx」という形式を使用する必要はなく、「xxx」を直接使用します。フレーム ページもウィンドウです。

Window window オブジェクトには次の属性があります:



name 接続 () またはフレーム ページ () で構成されるウィンドウの名前。開いたもの、またはウィンドウによって呼び出される open() メソッド (下記を参照) によって決定されます。通常、この属性は使用しません。

ステータスとは、ウィンドウ下部の「ステータスバー」に表示される内容を指します。 statusに値を代入することでステータスバーの表示を変更できます。

opener 使用法: window.opener; このウィンドウを開くウィンドウ オブジェクトを返します。注: 返されるのはウィンドウ オブジェクトです。ウィンドウが別のウィンドウで開かれていない場合、このプロパティは Netscape では null を返し、IE では「unknown」を返します。 unknown は、ある程度まで null と同等です。注: unfineed は JavaScript 定数ではありません。「unknown」を使用しようとすると、実際には「unknown」が返されます。

self はウィンドウ自体を参照し、返されるオブジェクトはウィンドウ オブジェクトとまったく同じです。最も一般的に使用されるのは、 タグ内に配置される "self.close()" です: "Close window "。

parent は、ウィンドウが属するフレーム ページ オブジェクトを返します。

top は、ブラウザ ウィンドウ全体の上部を占めるフレーム ページ オブジェクトを返します。

history 歴史的オブジェクト、以下を参照。

位置アドレス オブジェクト。以下を参照。

document ドキュメント オブジェクト。以下を参照。



Window オブジェクトには次のメソッドがあります。
最初のメソッドは、ウィンドウを開く open() です。
使用法:
open(, , );

説明:



: 内容の説明開いている Web ページがウィンドウ内で開かれています。空白 ('') のままにすると、Web ページは開かれません。

: 開いているウィンドウの名前 (window.name) を記述します。「_top」や「_blank」などの組み込みの名前を使用できます。ここでの名前は、「」の「target」属性と同じです。

: 開かれたウィンドウの外観を記述します。通常のウィンドウを開くだけの場合は、文字列を空白 ('') のままにします。外観を指定する場合は、文字列内に 1 つ以上のパラメータをカンマで区切って記述します。


例: 400 x 100 のクリーンなウィンドウを開きます:
open('','_blank','width=400,height=100,menubar=no,toolbar=no,
>location=no,directories=no,status=no, スクロールバー=yes,resizable=yes')

open() パラメータ



top=# の数ウィンドウの上端から画面の上端までのピクセル数

left=# ウィンドウの左端から画面の左端までのピクセル数

width=#ウィンドウの幅

height=# ウィンドウの高さ

menubar=... ウィンドウにメニューがあるかどうか、値ははいまたはいいえ

toolbar= ... ウィンドウにツールバーがあるかどうか、値は [はい] または [いいえ] です。

location= ... ウィンドウにアドレス バーがあるかどうか。値は [はい] または [いいえ] です。 ... ウィンドウには接続領域がありますか? 値は [はい] または [いいえ] です。

scrollbars=... ウィンドウには接続領域がありますか?

status=... ウィンドウにステータス バーがあるかどうか、値は [はい] または [いいえ]

resizable=... ウィンドウのサイズが変更されるかどうか、値は [はい] または [いいえ]


注: open() メソッドには戻り値があり、返されるのは開いたウィンドウ オブジェクトです。たとえば、
var newWindow = open('','_blank');

新しいウィンドウを「newWindow」変数に割り当てると、「newWindow」変数を通じてウィンドウを制御できます。

close() は、開いているウィンドウを閉じます。
使用法:
window.close()

または
self.close()

主な機能は、このウィンドウを閉じることです。 close( ): 指定されたウィンドウを閉じます。ウィンドウにステータス バーがある場合、このメソッドを呼び出した後、ブラウザは「Web ページがウィンドウを閉じようとしています。閉じますか?」という警告を表示し、ユーザーが閉じるかどうかを選択するのを待ちます。ステータス バーがない場合、このメソッドを呼び出すとウィンドウが直接閉じられます。
さらに、Window オブジェクトには、ウィンドウからフォーカスを削除してウィンドウを「非アクティブ ウィンドウ」にする次のメソッド


blur() もあります。

focus() により、ウィンドウがフォーカスを取得し、「アクティブ ウィンドウ」になります。ただし、Windows 98 では、この方法で実行できるのは、ウィンドウのタイトル バーとタスク バー上の対応するボタンを点滅させ、ウィンドウがフォーカスを取得しようとしていることをユーザーに通知することだけです。

scrollTo() 使用法: [.]scrollTo(x, y); ドキュメントが左上隅から数えて (x, y) 点から左上にスクロールするようにウィンドウをスクロールします。窓の隅。

scrollBy() の使用法: [.]scrollBy(deltaX, deltaY); ウィンドウを deltaX ピクセル分右に、deltaY ピクセル分下にスクロールします。負の値を指定すると、逆方向にスクロールします。

resizeTo() の使用法: [.]resizeTo(width, height); ウィンドウのサイズが幅 width ピクセル、高さ height ピクセルに変更されます。

resizeBy() 使用法: [.]resizeBy(deltaWidth, deltaHeight); ウィンドウのサイズを変更し、幅を deltaWidth ピクセル分増やし、高さを deltaHeight ピクセル分増やします。マイナスの値をとると減少します。

alert() の使用法:alert(); 「OK」ボタンのみを含むダイアログ ボックスが表示され、 の内容が表示されるまで、ドキュメント全体の読み取りとスクリプトの実行が一時停止されます。ユーザーは「OK」を押します。

confirm() 使用法:confirm(); 「OK」ボタンと「キャンセル」ボタンを含むダイアログボックスをポップアップ表示し、 の内容を表示し、ユーザーに選択を要求します。ドキュメント全体を読み取ります。フェッチとスクリプトの実行は一時停止されます。ユーザーが「OK」を押した場合は true 値を返し、「キャンセル」を押した場合は false 値を返します。

prompt() 使用法:prompt([, ]); 「確認」、「キャンセル」、およびテキスト ボックスを含むダイアログ ボックスが表示され、 の内容が表示されます。テキスト ボックスにデータを入力すると、ドキュメント全体の読み取りとスクリプトの実行が一時停止されます。ユーザーが「確認」を押すと、テキスト ボックス内の既存の内容が返されます。ユーザーが「キャンセル」を押すと、null 値が返されます。 が指定されている場合、テキスト ボックスにはデフォルト値が設定されます。



Window オブジェクトには次のイベントがあります:
window.onload; すべてのドキュメントがダウンロードされたときに発生します。すべてのダウンロードが完了すると、HTML ファイルだけでなく、含まれるすべての画像、プラグイン、コントロール、アプレットなどがダウンロードされたことになります。このイベントはウィンドウイベントですが、HTMLでイベントハンドラを指定する場合はタグ内に記述します。
window.onunload; ユーザーがドキュメントを終了する (またはウィンドウを閉じるか、別のページに移動する) ときに発生します。 onloadと同様にHTMLで書きたい場合はタグ内に書きます。



window.onresize; ウィンドウのサイズが変更されるときに発生します。

window.onblur; ウィンドウがフォーカスを失ったときに発生します。

window.onfocus; ウィンドウがフォーカスを取得すると発生します。

window.onerror; エラーが発生した場合に発生します。そのイベント ハンドラーは通常「エラー ハンドラー」と呼ばれ、エラーを処理するために使用されます。前述したように、すべてのエラーを無視するには、次のコマンドを使用します。
functionignoreError() {
return true;