JavaScript_javascript スキルにおける Window オブジェクトのプロパティとイベント

ウィンドウオブジェクト

Window オブジェクトは、ブラウザーで開いているウィンドウを表します。

ドキュメントにフレーム (frame タグまたは iframe タグ) が含まれている場合、ブラウザは HTML ドキュメントのウィンドウ オブジェクトと、フレームごとに追加のウィンドウ オブジェクトを作成します。

注: ウィンドウ オブジェクトには公的標準はありませんが、すべてのブラウザでサポートされています。

Windows オブジェクトのプロパティ

プロパティ	説明
閉店	ウィンドウが閉じられているかどうかを返します。
デフォルトステータス	ウィンドウのステータス バーのデフォルトのテキストを設定または返します。
ドキュメント	Document オブジェクトへの読み取り専用の参照。 ドキュメントオブジェクト を参照してください。
歴史	History オブジェクトへの読み取り専用の参照。 履歴オブジェクト をパラメータにしてください。
内側の高さ	ウィンドウのドキュメント表示領域の高さを返します。
innerwidth	Returns the width of the document display area of ​​the window.
length	Set or return the number of frames in the window.
location	A Location object for a window or frame. See Location object .
名前	ウィンドウの名前を設定または返します。
ナビゲーター	Navigator オブジェクトへの読み取り専用の参照。 Navigator オブジェクト をパラメータにしてください。
オープナー	このウィンドウを作成したウィンドウへの参照を返します。
外側の高さ	ウィンドウの外側の高さを返します。
外幅	ウィンドウの外側の幅を返します。
pageXOffset	ウィンドウ表示領域の左上隅を基準とした現在のページの X 位置を設定または返します。
pageYOffset	ウィンドウ表示領域の左上隅を基準とした現在のページの Y 位置を設定または返します。
親	親ウィンドウに戻ります。
画面	Screen オブジェクトへの読み取り専用の参照。 画面オブジェクト をパラメータにしてください。
自分	現在のウィンドウへの参照を返します。 Window プロパティと同等です。
ステータス	ウィンドウのステータスバーのテキストを設定します。
トップ	最上位の祖先ウィンドウに戻ります。
ウィンドウ	window 属性は、ウィンドウ自体への参照を含む self 属性と同等です。
画面左 画面上部 スクリーンX 画面Y	整数の読み取り専用。画面上のウィンドウの左上隅の x 座標と y 座標を宣言します。 IE、Safari、Opera は screenLeft と screenTop をサポートし、Firefox と Safari は screenX と screenY をサポートします。

Windows オブジェクトのメソッド

メソッド	説明
アラート()	メッセージと確認ボタンを含むアラート ボックスを表示します。
ぼかし()	トップレベルウィンドウからキーボードフォーカスを削除します。
clearInterval()	setInterval()で設定したタイムアウトをキャンセルします。
clearTimeout()	setTimeout() メソッドで設定したタイムアウトをキャンセルします。
閉じる()	ブラウザウィンドウを閉じます。
確認()	メッセージと確認ボタンとキャンセルボタンを含むダイアログボックスを表示します。
createPopup()	ポップアップウィンドウを作成します。
フォーカス()	キーボードのフォーカスをウィンドウに与えます。
moveBy()	現在の座標を基準にして指定されたピクセルだけウィンドウを移動します。
moveTo()	ウィンドウの左上隅を指定した座標に移動します。
open()	新しいブラウザ ウィンドウを開くか、名前付きウィンドウを見つけます。
print()	Print the contents of the current window.
prompt()	Display a dialog box that prompts the user for input.
resizeBy()	Resize the window according to the specified pixels.
resizeTo()	Resize the window to the specified width and height.
scrollBy()	Scroll content according to the specified pixel value.
scrollTo()	Scroll the content to the specified coordinates.
setInterval()	指定された期間 (ミリ秒単位) で関数を呼び出すか、式を評価します。
setTimeout()	指定されたミリ秒後に関数または計算式を呼び出します。

実行環境が異なれば「トップレベル オブジェクト」も異なります。ブラウザ環境では、トップレベル オブジェクトはウィンドウ オブジェクトです。 window は現在のブラウザ ウィンドウを指します。

例: var a = 1;

window.a //1

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

(1) window.name 属性

window.name は、ブラウザの現在のブラウザ ウィンドウの名前を設定するために使用されます。この属性はブラウザを更新しても変化しないのが特徴です。

(2) window.innerHeight プロパティ、window.innerWidth プロパティ

これら 2 つのプロパティは、Web ページの CSS レイアウトが占めるブラウザ ウィンドウの高さと幅を返します。これら 2 つのプロパティの値には、ブラウザのスクロール バーの高さと幅が含まれます。

(3) window.pageXoffset プロパティと window.pageYoffset プロパティ。

window.pageXoffset は、ページの水平スクロール距離を返します。 window.pageYoffset は、ページの垂直スクロール距離を返します。

(4) iframe 要素

window.iframe は配列のようなオブジェクトを返します。

(5) 画面オブジェクト

デバイス情報を表示します。

// デバイスの高さをピクセル単位で表示します

画面の高さ
// 1920年
// デバイスの幅をピクセル単位で表示します
画面幅
// 1080

2. ウィンドウオブジェクトのイベント。

(1) エラーイベント。

oonerror イベントは、Web ページ内の Javascript エラーを検出する昔ながらの標準的な方法です。

(2)alert()、prompt()、confirm()

は、ブラウザーがユーザーと対話するために使用するすべてのメソッドです。さまざまなダイアログ ボックスが表示されます。

例:alert("Hello World");

alert(); ポップアップ ダイアログ ボックスには「OK」ボタンが 1 つだけあり、これはユーザーに特定の情報を通知するためによく使用されます。

例: var result = prompt('あなたの年齢は何ですか?', 25)

prompt(); ポップアップ ダイアログ ボックスには、ユーザーが情報を入力する必要がある入力ボックスと、「OK」と「キャンセル」の 2 つのボタンがあります。このメソッドは、ユーザーが入力したデータを取得するためによく使用されます。

例: var result =confirm("調子はどうですか?");

confirm(); ユーザーが「OK」をクリックすると true を返し、「キャンセル」をクリックすると false を返します。