function getDocHeight(doc){
//在IE中doc.body.scrollHeight的可信度最高
//在Firefox中,doc.height就可以了
var docHei = 0;
var scrollHei;//scrollHeight
var offsetHei;//offsetHeight,包含了边框的高度
if (doc.height){
//Firefox支持此属性,IE不支持
docHei = doc.height;
}else if (doc.body){
//在IE中,只有body.scrollHeight是与当前页面的高度一致的,
//其他的跳转几次后就会变的混乱,不知道是依照什么取的值!
//似乎跟包含它的窗口的大小变化有关
if(doc.body.offsetHeight) docHei = offsetHei = doc.body.offsetHeight;
if(doc.body.scrollHeight) docHei = scrollHei = doc.body.scrollHeight;
}else if(doc.documentElement){
if(doc.documentElement.offsetHeight) docHei = offsetHei = doc.documentElement.offsetHeight;
if(doc.documentElement.scrollHeight) docHei = scrollHei = doc.documentElement.scrollHeight;
}
/*
docHei = Math.max(scrollHei,offsetHei);//取最大的值,某些情况下可能与实际页面高度不符!
*/
return docHei;
}
function getTiptopWindow(win){
var cwindow = null;
if(win){
cwindow = win;
}else{
cwindow = window
}
while(true){
var pwindow = cwindow.parent;
if(cwindow == pwindow){
break;
}
cwindow = pwindow;
}
return cwindow;
}
使用方法:
var docHei = getDocHeight(getTiptopWindow(this).document);
分享到:
相关推荐
计算Web页面的高度并给div赋高度,得到的是工作区的高度,根据工作区高度计算的
iframe包含的页面的高度,兼容性好,iframe高度自适应
javascript 获取滚动条高度 页面宽度 页面高度 教程
jsp页面iframe高度自适应的js代码.docx
C# .net Web 页面 嵌套 自适应 高度 问题C# .net Web 页面 嵌套 自适应 高度 问题C# .net Web 页面 嵌套 自适应 高度 问题C# .net Web 页面 嵌套 自适应 高度 问题C# .net Web 页面 嵌套 自适应 高度 问题
关于获取各种浏览器可见窗口大小的一点点研究。使用javascript轻松实现日常需要的功能。
iframe根据引用的页面内容自适应高度和宽度,直接查看例子,简单易操作
js控制 Iframe 框架自适应被嵌入页面高度
VC 获得打印页面信息,主要是获得打印页面宽度、高度、物理页面宽度、高度、上、下、左、右页边距等信息。不想下载完整源码包的,可先看下面的核心代码段: //打印对话框 DWORD dwFlags = PD_ALLPAGES | PD_...
在前端页面布局中,经常会碰到要让容器充满整个屏幕高度或者剩余屏幕高度的需求。一般这时候都会想当然的使用 height:100% 这样的 CSS 来写。这样写的话,当容器内内容很多的时候是没有问题的,可以达到预期的效果,...
iframe是网页设计中经常用来装载子页使用的,如何让iframe随着动态装载的子页(主页不刷新)自动适应所装子改变在小是我们经常...现给出两个非常简单的例子,从不同的角度来实现iframe根据最新加载的子页自动调整高度.....
检测html页面显示的宽度/高度、可用宽度/高度,方便界面设计人员更合理的利用界面资源。
页面需要嵌套在跨域的iframe中,而页面高度不固定,需要每个页面把自己的高度获得后,通过js通知iframe调整显示。 而页面在获得自己的高度时,发现总是比预想的大。经过参考别人的博客,发现原来是w3c标准的原因。 ...
NULL 博文链接:https://gaochunhu.iteye.com/blog/2310699
网页可见区域宽高,网页正文全文宽高,屏幕可用工作区宽高
iframe高度自适应代码及演示页面。 适合新手,用到iframe,并且需要高度自适应的人士。 老手自动绕行,又没什么技术含量。。。 解压之后,打开iframe-auto.html之后查看效果. 如果不能查看,检查是否允许执行js
让iframe自适应内容页面的高度,兼容性好
jquery 设置height页面自动适应高度布局效果代码
JS中各种页面高度的表示! 值得下载看看!资源免费,大家分享!! 更多免费资源 http://ynsky.download.csdn.net/
iframe高度自适应。点击链接载入网页,脚本检测iframe页面高度并动态增加父页面高度