window.innerWidthプロパティ

window.innerWidthは、ウィンドウの内側の幅を取得するプロパティ。

構文

<script type="text/javascript">
window.innerWidth;
</script>

戻り値

ウィンドウの内側の幅を示す数値。ピクセル単位。

サンプル



window.innerWidth:

サンプルの動作について

「ウィンドウの内側の幅を取得」ボタンをクリックすると、「window.innerWidth: 」の右横にウィンドウの内側の幅をピクセル単位の数値で表示する。

サンプルのソースコード

JavaScript

<script type="text/javascript">
function getInnerHeight() {
    document . getElementById( "innerWidthOutput" ) . innerHTML = window.innerWidth + 'px';
}
</script>

HTML

<div class="sample">
    <button onclick="getInnerHeight()">ウィンドウの内側の幅を取得</button>
    <br /><br />
    window.innerWidth: <span id="innerWidthOutput"></span>
</div>

CSS

<style type="text/css">
.sample button {
    font-size: 16px;
}
</style>

スポンサード リンク

カテゴリー: JavaScript, Windowオブジェクト, サイズ, ブラウザオブジェクト, プロパティ, リファレンス パーマリンク