window.innerWidthは、ウィンドウの内側の幅を取得するプロパティ。
構文
<script type="text/javascript">
window.innerWidth;
</script>
window.innerWidth;
</script>
戻り値
ウィンドウの内側の幅を示す数値。ピクセル単位。
サンプル
window.innerWidth:
サンプルの動作について
「ウィンドウの内側の幅を取得」ボタンをクリックすると、「window.innerWidth: 」の右横にウィンドウの内側の幅をピクセル単位の数値で表示する。
サンプルのソースコード
JavaScript
<script type="text/javascript">
function getInnerHeight() {
document . getElementById( "innerWidthOutput" ) . innerHTML = window.innerWidth + 'px';
}
</script>
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>
<button onclick="getInnerHeight()">ウィンドウの内側の幅を取得</button>
<br /><br />
window.innerWidth: <span id="innerWidthOutput"></span>
</div>
CSS
<style type="text/css">
.sample button {
font-size: 16px;
}
</style>
.sample button {
font-size: 16px;
}
</style>