javascript取窗口的可视高度和页面的内容高度 兼容所有浏览器

用javascript在不同的浏览器中取窗口的可视高度和页面的内容高度是个烦心的事,所用的html标准不同、页面的内容高度是否超过窗口的可视高度都会对取值产生影响,所用到的取值方法也不同。

一、取窗口的可视高度(即浏览器的上面的工具栏到下面的状态栏之间的高度)

1、IE中的取法

1
document.getElementsByTagName("html")[0].offsetHeight;

2、Firefox、Chrome、Opera中取法

1
window.innerHeight;
二、取页面内容的高度(所有浏览器中的取法)
1
Math.max(document.getElementsByTagName("body")[0].scrollHeight, 窗口的可视高度)
三、完整的代码如下:
1
//窗口的可视高度 var windowHeight=document.all ? document.getElementsByTagName("html")[0].offsetHeight : window.innerHeight;
1
//页面的内容高度 var pageHeight=Math.max(windowHeight, document.getElementsByTagName("body")[0].scrollHeight);

记录一下,以后常会用.

posted on   cestarme  阅读(867)  评论(0编辑  收藏  举报

编辑推荐:
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 周边上新:园子的第一款马克杯温暖上架
< 2011年6月 >
29 30 31 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 1 2
3 4 5 6 7 8 9

统计

点击右上角即可分享
微信分享提示