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.outerWidthwindow.innerHeightwindow.outerHeight も参照してください。

標準情報

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

ドキュメントのタグと貢献者

Contributors to this page: teoli, khalid32, ethertank, Mgjbot, Potappo
最終更新者: khalid32,
サイドバーを隠す