欢迎来到Doc100.Net免费学习资源知识分享平台!
您的位置:首页 > 程序异常 >

在iframe中的页面施用js获取父窗口的该iframe的页面(也就是它本身)的高度

更新时间: 2014-01-05 01:58:58 责任编辑: Author_N1

 

在iframe中的页面使用js获取父窗口的该iframe的页面(也就是它本身)的高度
环境
<iframe height="js获取的引用页面的高度,假如是 300px" src="sub.html"/>

在sub.html中,有一个查询按钮,点击之后将会查询许多数据出来,现在sub.html的高度变成400px

这个时候,父亲页面的高度还是之前的300px
多出数据100px高度就被隐藏不显示了


在iframe中的页面(sub.html)里使用如下语句并不能获取该文档的真实高度,而是sub.html显示的高度
Document.body.scrollHight




请教大神帮忙解决


--参考方法--
 sub.html查询后,其高度变化前和变化后 下面函数产生的结果都是一样的
    var s = "";     
    s += " 网页可见区域宽:"+ document.body.clientWidth;     
    s += "\n 网页可见区域高:"+ document.body.clientHeight;     
    s += "\n 网页可见区域宽:"+ document.body.offsetWidth + " (包括边线和滚动条的宽)";     
    s += "\n 网页可见区域高:"+ document.body.offsetHeight + " (包括边线的宽)";     
    s += "\n 网页正文全文宽:"+ document.body.scrollWidth;     
    s += "\n 网页正文全文高:"+ document.body.scrollHeight;     
    s += "\n 网页被卷去的高(ff):"+ document.body.scrollTop;     
    s += "\n 网页被卷去的高(ie):"+ document.documentElement.scrollTop;     
    s += "\n 网页被卷去的左:"+ document.body.scrollLeft;     
    s += "\n 网页正文部分上:"+ window.screenTop;     
    s += "\n 网页正文部分左:"+ window.screenLeft;     
    s += "\n 屏幕分辨率的高:"+ window.screen.height;     
    s += "\n 屏幕分辨率的宽:"+ window.screen.width;     
    s += "\n 屏幕可用工作区高度:"+ window.screen.availHeight;     
    s += "\n 屏幕可用工作区宽度:"+ window.screen.availWidth;     
    s += "\n 你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色";     
    s += "\n 你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸";     
   alert(s);  
 网页可见区域宽:1000
 网页可见区域高:464
 网页可见区域宽:1000 (包括边线和滚动条的宽)
 网页可见区域高:464 (包括边线的宽)
 网页正文全文宽:1000
 网页正文全文高:464
 网页被卷去的高(ff):0
 网页被卷去的高(ie):0
 网页被卷去的左:0
 网页正文部分上:undefined
 网页正文部分左:undefined
 屏幕分辨率的高:1080
 屏幕分辨率的宽:1920
 屏幕可用工作区高度:1050
 屏幕可用工作区宽度:1920
 你的屏幕设置是 24 位彩色
 你的屏幕设置 undefined 像素/英寸
上一篇:上一篇
下一篇:下一篇

 

随机推荐程序问答结果

 

 

如对文章有任何疑问请提交到问题反馈,或者您对内容不满意,请您反馈给我们DOC100.NET论坛发贴求解。
DOC100.NET资源网,机器学习分类整理更新日期::2014-01-05 01:58:58
如需转载,请注明文章出处和来源网址:http://www.doc100.net/bugs/t/4073/
本文WWW.DOC100.NET DOC100.NET版权所有。