浏览器页面区域大小的js获取方法
2024-10-11 12:04:38
浏览器页面区域大小的获取:
/在IE、FireFox、Opera下都可以使用
document.body.clientWidth
document.body.clientHeight
//即可获得，很简单，很方便。
//而在公司项目当中：
//Opera仍然使用
document.body.clientWidth
document.body.clientHeight
//可是IE和FireFox则使用
document.documentElement.clientWidth
document.documentElement.clientHeight
//原来是W3C的标准在作怪啊
//http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
//如果在页面中添加这行标记的话 //在IE中：
document.body.clientWidth ==> BODY对象宽度
document.body.clientHeight ==> BODY对象高度
document.documentElement.clientWidth ==> 可见区域宽度
document.documentElement.clientHeight ==> 可见区域高度
//在FireFox中：
document.body.clientWidth ==> BODY对象宽度
document.body.clientHeight ==> BODY对象高度
document.documentElement.clientWidth ==> 可见区域宽度
document.documentElement.clientHeight ==> 可见区域高度 //在Opera中：
document.body.clientWidth ==> 可见区域宽度
document.body.clientHeight ==> 可见区域高度 www.jbxue.com
document.documentElement.clientWidth ==> 页面对象宽度（即BODY对象宽度加上Margin宽）
document.documentElement.clientHeight ==> 页面对象高度（即BODY对象高度加上Margin高）
//而如果没有定义W3C的标准，则
//IE为：
document.documentElement.clientWidth ==> 0
document.documentElement.clientHeight ==> 0
//FireFox为：
document.documentElement.clientWidth ==> 页面对象宽度（即BODY对象宽度加上Margin宽）document.documentElement.clientHeight ==> 页面对象高度（即BODY对象高度加上Margin高）
//Opera为：
document.documentElement.clientWidth ==> 页面对象宽度（即BODY对象宽度加上Margin宽）document.documentElement.clientHeight ==> 页面对象高度（即BODY对象高度加上Margin高）
最新文章
- 简单JavaScript模版引擎优化
- gdb调试正执行的程序
- 关于那些难改的bug
- ubuntu下tomcat启动巨慢分析
- shell脚本中>/dev/null的含义
- HDU 4786 Fibonacci Tree （2013成都1006题） 最小生成树+斐波那契
- Strust2 <c:forEach> 循环控制标签
- column name is keyword from
- LCA——求解最近公共祖先
- 用python实现简单的数字信号软件滤波处理
- dedecms 下载时弹出提示登录框或直接下载
- Srtuts2实现登录界面（不连接数据库）报错（一）
- Let the Balloon Rise HDU 1004
- CUDA编程模型之内存管理
- 释放jQuery 的$ 的使用权
- 点评qq浏览器
- 运维自动化工具ansible
- （转）拉姆达表达式(Lambda Expressions) =>写法的涵义
- jquery ajax 设置请求头header 参数
- js jq封装ajax方法