コンテンツにスキップ

JavaScript/Window

出典: フリー教科書『ウィキブックス(Wikibooks)』


Windowオブジェクトは、ウェブブラウザのグローバルオブジェクトです。 JavaScriptをブラウザで実行する際に、グローバルスコープで利用できるプロパティやメソッドを提供します。 Windowオブジェクトは、ブラウザウィンドウ全体を表し、DOM(Document Object Model)や表示内容など、ウェブブラウザ上で発生する様々な要素を管理します。 Windowオブジェクトは、各ブラウザに固有のプロパティを持っており、代表的なものには、documentオブジェクト(ページの要素へのアクセスや操作)、locationオブジェクト(現在のURL情報の取得や遷移)、setTimeout()やsetInterval()などのタイマー関数があります。これらのプロパティやメソッドを使用することで、ウェブページの制御やユーザーとの対話など、さまざまな操作を行うことができます。

Windowオブジェクト

[編集]

Windowオブジェクトは、JavaScriptのグローバルオブジェクトです。ブラウザのウィンドウを表し、ウィンドウのドキュメント、フレーム、ヒストリ、その他のプロパティへのアクセスを提供します。

ウィンドウオブジェクトには多くのプロパティとメソッドがあり、そのいくつかを以下に示します:

  • document - ドキュメントオブジェクトは、現在ウィンドウに読み込まれているHTMLドキュメントを表します。
  • frames - ウィンドウに含まれるフレームの配列。
  • history - ブラウザの履歴を表すオブジェクト。
  • location - ウィンドウの現在のURLを表すオブジェクト.
  • name - ウィンドウの名前.
  • opener - 現在のウィンドウを開いたウィンドウ。
  • parent - 現在のウィンドウの親ウィンドウ。
  • screen - ブラウザのスクリーンを表すオブジェクトです。
  • self - 現在のウィンドウです。
  • top - 現在のウィンドウのトップウィンドウ。

Windowオブジェクトは、ウィンドウのドキュメント、フレーム、履歴、およびその他のプロパティにアクセスするために使用することができます。また、ウィンドウを閉じたり、移動させたりするなどの操作を行うこともできます。

以下は、JavascriptのWindowオブジェクトの主なメソッドの一覧です。

メソッド名 説明
alert() ダイアログボックスで指定されたメッセージを表示します。
blur() 現在のウィンドウをアクティブでなくして、フォーカスを別のウィンドウに移します。
clearInterval() 繰り返し呼び出される関数の実行間隔をクリアします。
clearTimeout() 指定されたタイマーをクリアします。
close() ウィンドウを閉じます。
confirm() ダイアログボックスで指定されたメッセージを表示し、OKまたはキャンセルを選択します。
focus() ウィンドウをアクティブにして、フォーカスを移します。
moveBy() ドキュメントを指定された幅と高さだけ移動します。
moveTo() ドキュメントを指定された座標に移動します。
open() 新しいブラウザウィンドウまたはファイルを開きます。
print() 現在のドキュメントを印刷します。
prompt() ダイアログボックスで指定されたメッセージを表示し、ユーザーからの入力を受け取ります。
resizeBy() ウィンドウの幅と高さを指定された値だけ変更します。
resizeTo() ウィンドウの幅と高さを指定された値に変更します。
scroll() 現在のドキュメントを指定された値だけスクロールします。
scrollBy() 現在のドキュメントを指定された値だけスクロールします。
scrollTo() 現在のドキュメントを指定された座標にスクロールします。
setInterval() 指定された関数を指定された時間間隔で繰り返し実行します。
setTimeout() 指定された時間が経過した後に指定された関数を実行します。

附録

[編集]

チートシート

[編集]
/**
 * Windowオブジェクト
 * @external Window
 * @see {@link https://developer.mozilla.org/ja/docs/Web/API/Window Window - Web API | MDN}
 */

/**
 * 現在表示しているページ上のすべての要素を表す。
 * @name document
 * @type {HTMLDocument}
 * @memberof external:Window
 */

/**
 * 現在のウィンドウの親ウィンドウ。
 * @name parent
 * @type {Window}
 * @memberof external:Window
 */

/**
 * 現在のウィンドウを表示しているフレームにアクセスするために使用されます。
 * @name frameElement
 * @type {Element}
 * @memberof external:Window
 */

/**
 * ユーザーエージェントによって報告された文字列を返します。
 * @name navigator
 * @type {Navigator}
 * @memberof external:Window
 */

/**
 * 現在のセッション用に割り当てられた個々の ID を保持しています。
 * @name sessionStorage
 * @type {Storage}
 * @memberof external:Window
 */

/**
 * グローバル ストレージ オブジェクトを取得します。
 * @name localStorage
 * @type {Storage}
 * @memberof external:Window
 */

/**
 * ウィンドウを閉じます。
 * @function
 * @name close
 * @memberof external:Window
 */

/**
 * ブラウザーのアドレスバーに URL を表示します。
 * @function
 * @name open
 * @memberof external:Window
 * @param {string} URL - 表示する URL。
 * @param {string} target - ウィンドウを開く場所を指定する文字列。
 * @param {string} features - 新しいウィンドウで使用する機能を指定する文字列。
 * @param {boolean} replace - 履歴に新しいエントリーを作成しないことを示します。
 */

/**
 * ウィンドウのオープンされたときに実行すべきスクリプトを設定します。
 * @name onopen
 * @type {Function}
 * @memberof external:Window
 */

/**
 * ページまたはブラウザー ウィンドウがロードされたときに実行する関数を設定します。
 * @name onload
 * @type {Function}
 * @memberof external:Window
 */

/**
 * ページのロードをブロックせずに非同期的にスクリプトをダウンロードするために使用できます。
 * @function
 * @name importScripts
 * @memberof external:Window
 * @param {...string} URLs - ダウンロードするスクリプトの URL。
 */

/**
 * ページを再読み込みします。
 * @function
 * @name location.reload
 * @memberof external:Window
 * @param {boolean} forceGet - キャッシュを使用せず、サーバーからコンテンツをダウンロードする必要があるかどうかを示します。
 */

/**
 * 文字列にユーザーエージェントの詳細を追加します。
 * @function
 * @name console.log
 * @memberof external:Window
 * @param {...*} args - コンソールに表示するデータ。
 */

用語集

[編集]
  1. windowオブジェクト:JavaScriptで、Webページを表すオブジェクト。通常、グローバルオブジェクトとして扱われる。
  2. documentオブジェクト:現在表示されているWebページ自体を表すオブジェクト。ノードツリーの根となるオブジェクトであり、スクリプトからページの要素を操作できる。
  3. locationオブジェクト:現在表示されているWebページのURL情報を表すオブジェクト。ページのURLを変更することもできる。
  4. navigatorオブジェクト:ブラウザの情報を表すオブジェクト。使用中のブラウザのバージョンやプラットフォーム、言語設定などを取得できる。
  5. historyオブジェクト:現在表示されているWebページの履歴を表すオブジェクト。ページの移動を前後に戻ったり、新しいページに移動したりできる。
  6. screenオブジェクト:ユーザーのスクリーンサイズや解像度などの情報を表すオブジェクト。
  7. alert():ダイアログボックスを表示する関数。通常、警告やエラーなど、ユーザーに注意が必要な場合に使用される。
  8. prompt():ダイアログボックスを表示して、ユーザーの入力を受け付ける関数。ユーザーからの入力を必要とする場合に使用される。
  9. confirm():ダイアログボックスを表示して、ユーザーにOKまたはキャンセルの選択を促す関数。確認ダイアログボックスとして使用される。

脚註

[編集]


外部リンク

[編集]