<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
   <title>getWinSize</title>
   <meta http-equiv="content-type" content="text/html; charset=gbk"/>
   <script language="javascript" src="getWinSize.js"></script>
</head>
<body>
   <form action="#" method="get" name="form1" id="form1">
    <!--显示浏览器窗口的实际尺寸-->
    浏览器窗口 的 实际高度:
    <input type="text" name="availHeight" size="6"/>
    <br/>
    浏览器窗口 的 实际宽度:
    <input type="text" name="availWidth" size="6"/>
    <br/>
   </form>
   <script type="text/javascript">
    /**
    * 窗口高宽的设值函数,根据实际业务修改
    */
    getWinSize.onresize =function()
    {
     document.form1.availWidth.value = getWinSize.winWidth();
     document.form1.availHeight.value = getWinSize.winHeight();
    }
    /**
    * 调用窗口高宽的设值函数
    */
    getWinSize.onresize();
   
    /**
    * 用window.onresize监听窗口高宽的变化
    */
    window.onresize = getWinSize.onresize;
   
   </script>
  
</body>
</html>/**
* 定义窗口高、宽的全局变量
*
*/
var winWidth = 0;
var winHeight = 0;
/**
* 定义获取窗口高宽的空函数
*
*/
var getWinSize = function(){};/**
* 获取窗口宽度
*
*/
getWinSize.winWidth = function()
{
//var winWidth = 0;
if (window.innerWidth)//for ie
{
   winWidth = window.innerWidth;
}
else ((document.body) && (document.body.clientWidth))
{
   winWidth = document.body.clientWidth;
}//通过深入Document内部对body进行检测,获取窗口大小
if (document.documentElement && document.documentElement.clientWidth)
{
   winWidth = document.documentElement.clientWidth;
}return winWidth;
}/**
* 获取窗口高度
*
*/
getWinSize.winHeight = function()
{
//var winHeight = 0;
if (window.innerWidth)//for ie
{
   winHeight = window.innerHeight;
}
else ((document.body) && (document.body.clientHeight))
{
   winHeight = document.body.clientHeight;
}//通过深入Document内部对body进行检测,获取窗口大小
if (document.documentElement && document.documentElement.clientHeight)
{
   winHeight = document.documentElement.clientHeight;
}
return winHeight;
}/**
* 窗口高宽的设值函数,根据实际业务修改
*
*/
getWinSize.onresize =function()
{
//document.form1.availWidth.value = getWinSize.winWidth();
//document.form1.availHeight.value = getWinSize.winHeight();
}/**
* 调用窗口高宽的设值函数
* 如果在具体页面重写getWinSize.onresize方法
* 调用则要放到重写方法的下面执行
*
*/
getWinSize.onresize();/**
* 用window.onresize监听窗口高宽的变化
* 如果在具体页面重写getWinSize.onresize方法
* window.onresize监听要放在调用方法下面(重新调用一次)
*
*/
window.onresize = getWinSize.onresize;