HTML DOM ウィンドウ object_html/css_WEB-ITnose

この記事では主にHTML DOM Windowオブジェクトのプロパティとメソッドを紹介します。

目次

1. はじめに: HTML DOM Window オブジェクトについて説明します。

2. ウィンドウオブジェクトのプロパティを紹介します。例: Console、Document、History、Location、Navigator オブジェクトへの参照。

3. メソッド: window オブジェクトのメソッドを紹介します。例: フォーカスの取得、スクロール バーの変更、タイマーの設定など。

1. はじめに

Window オブジェクトは、ブラウザによって開かれたウィンドウ、タブ、またはフレームを表します (現在のページに複数の iframe が含まれている場合、各 iframe に対して Window オブジェクトが作成されます)。

Window オブジェクトはインスタンス化されず、呼び出し元のプロパティとメソッドはすべて window の静的メンバーになります。

Window オブジェクトのメンバーを呼び出すときは、前のウィンドウを省略できます。例: window.alert() は、alert() として記述できます。

2. 属性

readonly ApplicationCache applicationCache: ウィンドウのアプリケーション キャッシュ オブジェクトを返します。

readonly boolean closed: ウィンドウが閉じられているかどうかを返します。

readonly Console console: ブラウザコンソールを操作するための Consol オブジェクトへの参照を返します。

readonly int devicePixelRatio: デバイスのピクセル比、つまり、現在のディスプレイの物理ピクセルとデバイスに依存しないピクセル (ディップ) の比率を返します。

readonly Document document: 現在のウィンドウの Document オブジェクトを返します。

readonly 要素 frameElement: 現在のウィンドウが d5ba1642137c3f32f4f4493ae923989c 内にある場合、このプロパティは IFrame を返します。最上位ウィンドウにある場合は、null を返します。

readonly Window[] frames: ウィンドウ内のすべてのフレームを含む配列を返します。

readonly History history: History オブジェクトを返します。現在のページの履歴に対して、進む、戻るなどの操作を実行できます。

readonly long innerHeight: 現在のウィンドウに表示できる HTML ドキュメントの高さを px (ピクセル) 単位で返します。

readonly long innerWidth: 現在のウィンドウに表示できる HTML ドキュメントの幅を px (ピクセル) 単位で返します。

readonly long length: ウィンドウに含まれるフレームの数、つまりフレーム数を返します。

readonly Location location: Location オブジェクトを返します。現在のページの URL に対して、新しいページへの移動や URL 情報の取得などの操作ができます。

readonly LocalStorage localStorage: キーと値のペアに格納された Storage オブジェクトを返します。これは、ユーザーによって削除されるまで存続します。

string name: 現在のウィンドウの名前を設定または取得します。

readonly Navigator navigator: Navigator オブジェクトを返します。現在のブラウザで動作可能です。例: ブラウザ名、バージョン情報、オペレーティング システム プラットフォーム情報などを取得します。

Window openner: 現在のウィンドウを開いた元のウィンドウへの参照を返します。現在のウィンドウが別のウィンドウによって開かれている場合、window.opener はそのウィンドウへの参照を保持します。現在のウィンドウが別のウィンドウによって開かれていない場合、このプロパティは null を返します。

readonly long outerHeight: 現在のブラウザーの合計の高さを px (ピクセル) 単位で返します。ツールバー、スクロールバー、ブラウザの境界線などが含まれます。

readonly long outerWidth: 現在のブラウザーの合計幅を px (ピクセル) 単位で返します。ツールバー、スクロールバー、ブラウザの境界線などが含まれます。

readonly long pageXOffset: ドキュメントの水平スクロール距離を px (ピクセル) 単位で返します。

readonly long pageYOffset: ドキュメントの垂直スクロール距離を px (ピクセル) 単位で返します。

readonly Window parent: 現在のウィンドウの親ウィンドウを返します。現在のウィンドウがトップレベル ウィンドウの場合は、現在のウィンドウ自体を返します。現在のウィンドウがフレーム ウィンドウの場合は、その親ウィンドウを返します。

readonly Screen screen: Screen オブジェクトを返します。画面の高さや幅の取得など、画面上での操作が可能です。

readonly long screenX: 画面上のブラウザの X 座標を返します。

readonly long screenY: 画面上のブラウザの Y 座標を返します。

readonly long scrollX : ドキュメントの水平スクロール距離を px (ピクセル) 単位で返します。 pageXOffset プロパティと同じです。

readonly long scrollY : ドキュメントの垂直スクロール距離を px (ピクセル) 単位で返します。 pageYOffset プロパティと同じです。

readonly Window self: 現在の Window オブジェクトへの参照を返します。

readonly SessionStorage sessionStorage: 現在の閲覧セッションが終了するまでキーと値のペアを保存する Storage オブジェクトを返します。

readonly Window top: 現在のウィンドウの一番上のウィンドウを返します。現在のウィンドウ自体がすでにトップレベルである場合は、それ自体を返します。現在のウィンドウがフレーム ウィンドウの場合は、それを含むトップレベル ウィンドウを返します (parent は単に親ウィンドウを返します)。

readonly Window window: 現在のウィンドウ Window オブジェクトを返します。

3. メソッド

void addEventListener(stringeventType,functioneventListener): ウィンドウの時間を登録します。 eventType イベント タイプ (クリックなど)。 eventsListener: イベントによってトリガーされる関数またはオブジェクト。

void alert(string msg): メッセージと確認ボタンを含むアラート ボックスをポップアップ表示します。

string atob(stringbase64Str): 64 でエンコードされた文字列を文字列にデコードします。

void blur(): 現在のウィンドウからフォーカスを削除します。

string btoa(string str): 文字列を 64 エンコーディングにエンコードします。

void clearInterval(long intervalHandle): intervalHandle で指定された setInterval() を停止します。

void clearTimeout(long timeoutHandle): timeoutHandle で指定された setTimeout() を停止します。

void close(): 現在のウィンドウを閉じます。新しいページを開く要素など、スクリプトによって開かれたウィンドウのみを閉じることができます。

boolean confirm(string msg): メッセージと確認ボタンとキャンセルボタンを含むダイアログボックスを表示します。確認ボタンをクリックすると true が返され、キャンセル ボタンをクリックすると false が返されます。

void focus(): 現在のウィンドウがフォーカスを取得します。

void moveBy(long deltaX, long deltaY): open() メソッドによって作成されたウィンドウを、独自の位置で水平方向に deltaX ピクセル、垂直方向に deltaY ピクセル移動させます。

void moveTo(long x, long y): open() メソッドによって作成されたウィンドウを x、y 座標に移動します。

Window open(文字列 URL、文字列ターゲット、文字列機能、文字列置換): 新しいウィンドウを作成します。

参数：①url {string} ：新窗口加载的url。若没有指定，将使用"about:blank"。②target {string}  ：新窗口的名称。若没有指定，将使用"_black"。注意此值并不是窗口标题。③features {string} 可选 ：表示新窗口的特性，如：窗口功能和工具栏 。 字符串中不能包含任何空白字符，特性之间用逗号分隔开。返回值：{Window} 返回新窗口的引用。

void print(): ブラウザの印刷ボタンを呼び出します。

string prompt(string msg): メッセージ情報を表示し、[OK] ボタンと [キャンセル] ボタンを含む入力ボックスをポップアップします。この入力ボックスはページをブロックします。入力内容を返すには [OK] ボタンをクリックし、null を返すには [キャンセル] ボタンをクリックします。

void resizeBy(long deltaWidth, long deltaHeight): open() メソッドによって作成されたウィンドウの幅を deltaWidth ピクセル分増加させ、高さを独自の位置で deltaHeight ピクセル分増加させます。

void resizeTo(long width, long height): open() メソッドで作成されたウィンドウの幅を width に、高さを height に変更します。

void scrollBy(long deltaWidth, long deltaHeight): 現在のスクロールに基づいて、水平方向に deltaWidth ピクセル、垂直方向に deltaHeight ピクセル分スクロールします。

void scrollTo(長い幅、長い高さ): 幅のピクセル距離まで水平にスクロールし、高さのピクセル距離まで垂直にスクロールします。

long setInterval(function fn, long time): 指定された関数を一定期間(ミリ秒)ごとに実行します。

参数：①fn {function} ：需要执行的函数。②time {long} ：设置每隔多少毫秒执行指定的函数。单位：毫秒。返回值：{long} 返回一个数字。可以通过调用window.clearInterval()来取消此函数的执行。

long setTimeout(function fn, long time): 指定された関数を特定のミリ秒後に実行します。

rree

===================================一連の記事=== =======================================

この記事: 4.2 HTML DOM Window オブジェクト

Web 開発への道に関する一連の記事