DOM

：

：

Window.innerWidth プロパティ

　編集：2022.09.08 by T.A.

[Edge]。読取専用。→

Window の内部（¶レンダリング領域）の横幅をピクセル単位で返します。これには垂直スクロールバーがある場合、その幅を含みます。

もっと詳細に言えば、innerWidth の値はウィンドウの の幅から取られます。ウィンドウの内部の高さは innerHeight プロパティを使用して取ることができます。

構文
Window.innerWidth
Window Window。
値

整数値。ウィンドウのレイアウト ビューポートの横幅をピクセル単位で示します。

ウィンドウの幅を変更するには、Window の寸法の変更メソッドのうちの一つ、例えば resizeBy() や resizeTo() などを呼び出してください。

使用上の注意

ウィンドウからスクロールバーや境界を引いた幅を取得するには、ルートの <html> 要素の Element.clientWidth プロパティを代わりに使用してください。

innerWidth はすべてのウィンドウと、ウィンドウのように動作するすべてのオブジェクト、例えばタブやフレームで利用できます。

例
//これはビューポートの幅を返す
var intFrameWidth = window.innerWidth;

//これはフレームセット内のフレームビューポートの幅を返す
var intFrameWidth = self.innerWidth;

//これは直近のフレームセットのビューポートの幅を返す
var intFramesetWidth = parent.innerWidth;

//これはもっとも外側のフレームセットのビューポートの幅を返す
var intOuterFramesetWidth = top.innerWidth;

D=window.innerWidth; //＝1156
D=parent.innerWidth; //エラー発生：Blocked a frame with origin "null" from accessing a cross-origin frame.
	//オリジンが「null」のフレームがクロスオリジン フレームにアクセスするのをブロックしました。
テスト