ウィンドウ幅を取得する

書式

　windowObj.getSize()

windowObj : ウィンドウオブジェクト

説明

　ウィンドウ幅を取得するにはgetSize()を使います。戻り値はオブジェクトとなりwidthプロパティに横幅、heightプロパティに縦幅が入ります。

Ajaxライブラリ リファレンス

サンプルコード [実行]

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<link rel="stylesheet" href="default.css" type="text/css" media="all">
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="effects.js"></script>
<script type="text/javascript" src="window.js"></script>
<script type="text/javascript"><!--
var win;
window.onload = function(){
win = new Window("win01", {
title: "Sample", className: "dialog", top:50, left:120,
width:320, height:240,
zIndex: 100, resizable: true, draggable:true
});
win.setDestroyOnClose();
win.show();
}
function getSize(){
var sizeObj = win.getSize();
$("result").innerHTML = "横幅 : "+sizeObj.width+", 縦幅 : "+sizeObj.height;
}
// --></script>
</head>
<body>
<h1>ウィンドウ幅を取得する</h1>
<form>
<input type="button" value="幅を取得" onClick="getSize()">
</form>
<div id="result"></div>
</body>
</html>