找了好多书籍和资料但是终究没有一个源码的，没办法自得自己研究了！现在共享代码如下（换屏幕分辨率要刷新网页啊！）
客户端浏览器的分辨率： <SCRIPT LANGUAGE="JavaScript">
var s = "";
s += "<br>网页可见区域宽："+ document.body.clientWidth;
s += "<br>网页可见区域高："+ document.body.clientHeight;
s += "<br>网页可见区域宽："+ document.body.offsetWidth +" (包括边线和滚动条的宽)";
s += "<br>网页可见区域高："+ document.body.offsetHeight +" (包括边线的宽)";
s += "<br>网页正文全文宽："+ document.body.scrollWidth;
s += "<br>网页正文全文高："+ document.body.scrollHeight;
s += "<br>网页被卷去的高："+ document.body.scrollTop;
s += "<br>网页被卷去的左："+ document.body.scrollLeft;
s += "<br>网页正文部分上："+ window.screenTop;
s += "<br>网页正文部分左："+ window.screenLeft;
s += "<br>屏幕分辨率的高："+ window.screen.height;
s += "<br>屏幕分辨率的宽："+ window.screen.width;
s += "<br>屏幕可用工作区高度："+ window.screen.availHeight;
s += "<br>屏幕可用工作区宽度："+ window.screen.availWidth;
s += "<br>你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色";
s += "<br>你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸";
document.write(s);
</SCRIPT> 动态控制iframe使用： <html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
<SCRIPT LANGUAGE="JavaScript">
function init_page()
{
document.getElementById('iframe_id').height=window.screen.availHeight-200;
}
</script>
</head>
<body class="bg" topmargin="0" style="overflow:hidden;" onLoad="init_page();">
<table border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td valign="top" bgcolor="#FFFFFF" >
<iframe id="iframe_id" name="taskiframe" width="840" src="webFrame.html" frameborder="0" hspace="0" vspace="0"></iframe>
</td>
</tr>
<tr>
<td valign="top" bgcolor="#FFFFFF" >
底部文件
</td>
</tr>
</table>
</body>
</html>
我最终解决的时候加了判断了的
function init_page()
{
if(eval("document.all.main")) //中间是某个ID号
{
document.getElementById('main').height=window.screen.availHeight-250;
}
}就是判断是否存在指定 的id
分享到：
相关推荐
javascript动态调整iframe高度
iFrame 自动调整高度 绝对有效！ 分可能是高咯滴滴儿....不过一分钱一分货哈，没效果你骂我、使劲骂！
iframe自动改变高度 朝好用的一个框架 我就在用
js脚本： 自动调节iframe高度，而不显示其滚动条
iframe根据引用的页面内容自适应高度和宽度，直接查看例子，简单易操作
iframe 跨域 自动适应高度；iframe 跨域 自动适应高度；
Iframe自动根据类容改变自己的大小，解决Iframe设置高度后无法缩小！拜一个高人所赐，特表示感谢！
使用JavaScript监听iframe元素的load事件，然后根据iframe中document的高度来动态调整iframe窗口的高度。简单，可直接使用。
iframe自动适应高度
做子页面时经常碰到iframe无法自动调整高度显示问题，本js解决此问题，通用支持各主流浏览器
iframe包含的页面的高度，兼容性好，iframe高度自适应
纯JS实现的iframe自适应高度。兼容主流浏览器。
当你在页面上使用了iframe之后...这里我提供一个兼容IE/NS/Firefox的javascript脚本实现动态调整iframe的高度。如果需要调整宽度的话，原理是一样的，本文不加详述。 首先，在你的主页面上必须包含以下这段javascript代
这个库允许的高度与同跨域iframe来适应他们所包含的内容的宽度自动调整大小。它最常见的问题与使用iframes提供一系列的功能，其中包括： 高度和宽度大小的iframe内容大小。 作品以多个嵌套的iframe。 跨域iframe域...
iframe自动适应高度，很难得的资源，很多下载的都是部分浏览器可以用，这个可以兼容360.ie6789等，遨游，火狐。搜狗等浏览器。。亲自测试。
iframe高度自适应。点击链接载入网页，脚本检测iframe页面高度并动态增加父页面高度
iframe设置高度随子页高度的变化而变化 0分资源共享
iframe自适应高度和宽度
在用js动态创建时,iframe 很难自动适应高度宽度,写100%也没有,推出此方法可以解决这方面难题
iframe高度自适应代码及演示页面。 适合新手，用到iframe，并且需要高度自适应的人士。 老手自动绕行，又没什么技术含量。。。 解压之后，打开iframe-auto.html之后查看效果. 如果不能查看，检查是否允许执行js