<!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;
<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;
解决方案 »
- js绑定button并设置权限
- JavaScript调用批处理.bat
- 老说javascript有错。。哪里错了??
- 请推荐一个javascript 框架
- 一个关于SELECT的问题
- 请问只能输入0到1之间(包括0和1两个整数)的小数的正则表达式怎么写? 马上给分!!!!!!
- 请问怎样判断表单中输入的字符符合我要的条件!代码如下:
- 能不能说明一下SetInterval和clearInterval的用法和解释?
- 这是什么意思:mytable.rows[mytable.rows.length - 1].insertAdjacentElement("afterEnd", mytable.rows[nLoop].cloneNode(true));
- Tomcat
- 在线等——关于实现单选按钮的单击事件
- 谁能在 火狐浏览器下兼容下 FF 代码很简单
计算出屏幕的高度
去除边框
设置剩下的高度给iframe
document.documentElement就无访问权限了
除非你能对iframe所在地址的页面有修改的权限
否则应该是无法自适应的。
谢谢5楼和6楼