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);
记录一下,以后常会用.
- javascript取窗口的可视高度和页面的内容高度 兼容所有浏览器
- 取窗口滚动条高度|取窗口可视范围的高度|取文档内容实际高度
- JQuery获取浏览器窗口的可视区域高度和宽度,滚动条高度
- JQuery获取浏览器窗口的可视区域高度和宽度,滚动条高度
- JQuery获取浏览器窗口的可视区域高度和宽度,滚动条高度
- JQuery获取浏览器窗口的可视区域高度和宽度,滚动条高度
- JQuery获取浏览器窗口的可视区域高度和宽度,滚动条高度
- JQuery获取浏览器窗口的可视区域高度和宽度,滚动条高度
- jQuery 获取浏览器窗口可视区域的高度和宽度及滚动条高度
- JQuery获取浏览器窗口的可视区域高度和宽度,滚动条高度
- jq下获取浏览器窗口的可视区域高度和宽度,滚动条高度
- JQuery获取浏览器窗口的可视区域高度和宽度,滚动条高度
- QUERY 获取浏览器窗口可视区域的高度和宽度及滚动条高度
- JQuery获取浏览器窗口的可视区域高度和宽度,滚动条高度
- js/jquery获取浏览器窗口的可视区域高度和宽度,滚动条高度
- JQuery获取浏览器窗口的可视区域高度和宽度,滚动条高度
- javascript 获取浏览器高度宽度 页面可视窗体高度宽度
- 获取浏览器可视区域宽度和高度 兼容主流浏览器
- iftop
- 黑马程序员:finalize() 与System.gc() 垃圾回收
- 配置SAP的WebServices以及具體的Html使用JavaScript調用格式
- Cocoa中对日期和时间的处理 NSDate
- c# 扩展方法 入门小例
- javascript取窗口的可视高度和页面的内容高度 兼容所有浏览器
- Data truncation: Truncated incorrect DOUBLE value: 'Y'
- scroll view 原理
- UITableView 详细讲解
- dell e6400 安装 mac os
- 熟悉UIWebView
- 使用JS制作弹出框的几个小问题
- MySQL源码中处理客户端不同地址族的源码
- 【补足基础】C++中引用传递与指针传递区别【转】