ブラウザウインドウのviewportの幅(ピクセル単位)です。垂直スクロールバーが描画されていれば、そのバーの幅も含まれます。

注意: もしページレイアウトの目的でnsIDOMWindowUtils.setCSSViewport()を使用して、 仮想的にwindowのサイズを設定しているのであれば、 このプロパティによって返される値は、メソッドを使用して設定されたviewportの幅に対応したものになります。

文法

var intViewportWidth = window.innerWidth;

intViewportWidthには、window.innerWidthのプロパティ値が格納されます。

window.innerWidthは読み取り専用で、デフォルト値を持ちません。

例

innerWidthプロパティは、window、frame、frameset、 サブwindowのような、windowオブジェクトでサポートされます。

垂直スクロールバーが描画されている場合に、 それを除いてviewportの幅を取得するアルゴリズムが存在します。

注意事項

// 現在のフレームのviewportの幅を返します。
var intFrameWidth = window.innerWidth;
var intFrameWidth = self.innerWidth;

// 親フレームセットのviewportの幅を返します。
var intFramesetWidth = parent.innerWidth;

// フレームトップ(一番外側)のフレームセットのviewportの幅を返します。
var intOuterFramesetWidth = top.innerWidth;

windowのサイズを変更するには、 window.resizeBy()とwindow.resizeTo()を確認してください。

仕様

DOMレベル0であり、W3Cの技術使用または勧告の一部ではありません。

ブラウザ互換性

デスクトップ

機能	Chrome	Firefox (Gecko)	IE	Opera	Safari
基本	1	1.0 (1.7 or earlier)	9	9	3

モバイル

機能	Android	Firefox Mobile	IE Mobile	Opera Mobile	Safari Mobile
基本	1	1.0 (1.0)	9	9	3

関連項目

• window.outerWidth
• window.innerHeight
• window.outerHeight

 Back to top