window.innerHeight

概要

水平スクロールバー（表示されている場合）を含む、ブラウザウィンドウの ビューポート (viewport) の高さを返します。

構文

var intViewportHeight = window.innerHeight;

戻り値

intViewportHeight は、window.innerHeight プロパティの値を保持します。

window.innerHeight プロパティは、読み込み専用です。また、デフォルトの値はありません。window.innerHeight プロパティは、ピクセル数を表す整数を保持します。

注記

innerHeight プロパティは、ウィンドウ、フレーム、フレームセット、もしくは、副ウィンドウのような、あらゆるウィンドウオブジェクトでサポートされます。

例

フレームセットを考えてください
---------------------

var intFrameHeight = window.innerHeight; // または
var intFrameHeight = self.innerHeight; /* フレームセット内の フレームのビューポートの高さを返します */
var intFramesetHeight = parent.innerHeight; /* 最も近いフレームセットのビューポートの高さを返します。 */
var intOuterFramesetHeight = top.innerHeight; /* 最も離れたフレームセットのビューポートの高さを返します。 */

xxx To do: ここにインタラクティブなデモへのリンク xxx

window.innerWidth、window.outerHeight、window.outerWidth も参照してください。

図による例

innerHeight vs outerHeight illustration

標準情報

DOM Level 0。どの標準にも属しません。