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

来源:互联网 发布:白银大非农数据分析 编辑:程序博客网 时间:2024/06/07 01:19

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

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

1、IE中的取法

 

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

 

2、Firefox、Chrome、Opera中取法

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

记录一下,以后常会用.

原创粉丝点击