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