Javascript 获取浏览器窗口大小
2009-06-09 10:13
225 查看
常见的一些属性:
页面可见区域宽:document.body.clientWidth
页面可见区域高:document.body.clientHeight
页面可见区域宽:(包括边线和滚动条的宽)document.body.offsetWidth
页面可见区域高:(包括边线的宽)document.body.offsetHeight
网页正文全文宽:document.body.scrollWidth
网页正文全文高:document.body.scrollHeight
网页被卷去的高(ff):document.body.scrollTop
网页被卷去的高(ie):document.documentElement.scrollTop
网页被卷去的左:document.body.scrollLeft
网页正文部分上:window.screenTop
网页正文部分左:window.screenLeft
屏幕分辨率的高:window.screen.height
屏幕分辨率的宽:window.screen.width
屏幕可用工作区高度:window.screen.availHeight
屏幕可用工作区宽度:window.screen.availWidth
屏幕设置的彩色位数:window.screen.colorDepth
屏幕设置的像素/尺寸:window.screen.deviceXDPI
由于W3C标准:有些发生变化
在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高)
页面可见区域宽:document.body.clientWidth
页面可见区域高:document.body.clientHeight
页面可见区域宽:(包括边线和滚动条的宽)document.body.offsetWidth
页面可见区域高:(包括边线的宽)document.body.offsetHeight
网页正文全文宽:document.body.scrollWidth
网页正文全文高:document.body.scrollHeight
网页被卷去的高(ff):document.body.scrollTop
网页被卷去的高(ie):document.documentElement.scrollTop
网页被卷去的左:document.body.scrollLeft
网页正文部分上:window.screenTop
网页正文部分左:window.screenLeft
屏幕分辨率的高:window.screen.height
屏幕分辨率的宽:window.screen.width
屏幕可用工作区高度:window.screen.availHeight
屏幕可用工作区宽度:window.screen.availWidth
屏幕设置的彩色位数:window.screen.colorDepth
屏幕设置的像素/尺寸:window.screen.deviceXDPI
由于W3C标准:有些发生变化
在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高)
相关文章推荐
- JS获取屏幕,浏览器窗口大小,网页高度宽度(实现代码)_javascript技巧_
- JavaScript获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度
- Javascript获取浏览器窗口大小(转)
- 关于javascript js获取各种浏览器可见窗口大小
- 跨浏览器用javascript获取窗口的位置和大小
- JavaScript 获取浏览器窗口的大小
- Javascript获取各种浏览器可见窗口大小
- Javascript获取屏幕分辨率、当前浏览器窗口大小
- Javascript获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度
- 跨浏览器用javascript获取窗口的位置和大小
- Javascript获取各种浏览器可见窗口大小
- Javascript获取各种浏览器可见窗口大小
- Javascript获取各种浏览器可见窗口大小
- Javascript获取各种浏览器可见窗口大小
- Javascript获取各种浏览器可见窗口大小
- Javascript获取各种浏览器可见窗口大小 【转】
- Javascript获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度
- Javascript获取各种浏览器可见窗口大小
- 通过javascript获取浏览器窗口、文档主体的实际大小以及获取终端设备(屏幕显示器)的可用大小
- Javascript获取获取屏幕、浏览器窗口 ,浏览器,网页高度、宽度的大小