window.innerWidth

概要

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

構文

var intViewportWidth = window.innerWidth;

戻り値

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

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

注記

innerWidth プロパティは、サイドバーを含みません。ですから、サイドバーが展開されたとき、innerWidth プロパティの値は、減少します。

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

例

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

var intFrameWidth = window.innerWidth; // または
var intFrameWidth = self.innerWidth; /*  フレームセット内の フレームの
ビューポートの幅を返します */
var intFramesetWidth = parent.innerWidth; /*  最も近いフレームセットのビューポートの幅を返します。 */
var intOuterFramesetWidth = top.innerWidth; /* 最も離れたフレームセットのビューポートの幅を返します。 */

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

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

標準情報

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