韩国直播视频在线观看:JavaScript 获取页面宽高的方法

来源：百度文库 编辑：九乡新闻网 时间：2024/04/29 11:10:16
JavaScript 获取页面宽高的方法JavaScript 获取页面宽高的方法


在我本地测试当中：
在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的标准在作怪啊

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 ==> 可见区域高度
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
JavaScript 获取页面宽高的方法 用Javascript获取页面元素的位置 用JavaScript获取页面上被选择的文本 巧用Javascript的gettime方法获取时间 用javascript获取当页面上鼠标位置 javascript获取select的值全解 通过javascript获得当前窗口页面的宽高度 javascript获取某月的天数 - Qzone日志 JavaScript获取图片的原始尺寸 用 javascript 获取当页面上鼠标（光标）位置 - event, window, 事件, position, 位置, mouse, 光标, 鼠标, javascript监听并获取用户复制的网页文本内容 教您如何获取高原创文章的方法 获取饮用水的方法 如何用FIDDLER2直接调试线上页面的JavaScript和CSS Javascript在页面加载时的执行顺序 @ 随网之舞 Javascript在页面加载时的执行顺序 @ 随网之舞 获取别人首页的方法 获取Android 源码的方法 八种页面传递参数的方法 女人如何获取高质量的性生活 利用Jquery获取浏览器宽高 ASP.NET调用javascript脚本的方法总结 JavaScript防止网页拷贝和保存的方法 网络营销：获取客户的有效方法