- ·上一篇文章:onblur事件的时候focus在火狐浏览器中无效
- ·下一篇文章:Js的event事件在IE、google、FF兼容性问题
当前位置:K88软件开发 → 文章中心 → 编程语言 → JavaScript → JS01 → 文章内容
Javascript获取与屏幕相关的高度方法
以下javascript放到html中的body中运行,可看到效果
网页可见区域宽: document.body.clientWidth
网页可见区域高: document.body.clientHeight
 
 
网页可见区域宽(包括边线和滚动条的宽): document.body.offsetWidth
网页可见区域高(包括边线的宽): document.body.offsetHeight
网页正文全文宽: document.body.scrollWidth
 
 
网页正文全文高: document.body.scrollHeight
 
 
网页被卷去的高: document.body.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 
像素/英寸
网页可见区域宽: document.body.clientWidth
网页可见区域高: document.body.clientHeight
 
 
网页可见区域宽(包括边线和滚动条的宽): document.body.offsetWidth
网页可见区域高(包括边线的宽): document.body.offsetHeight
网页正文全文宽: document.body.scrollWidth
 
 
网页正文全文高: document.body.scrollHeight
 
 
网页被卷去的高: document.body.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 
像素/英寸
Javascript获取与屏幕相关的高度方法