当前位置:K88软件开发文章中心编程语言JavaScriptJS01 → 文章内容

Javascript获取与屏幕相关的高度方法

减小字体 增大字体 作者:佚名     来源:asp编程网  发布时间:2018-12-30 8:58:40

以下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 
像素/英寸


Javascript获取与屏幕相关的高度方法