js得到屏幕宽高、页面宽高 (window.screen.availHeight)
2018-01-11 18:31
309 查看
js得到屏幕宽高、页面宽高 (window.screen.availHeight)
window.screen.availWidth 返回当前屏幕宽度(空白空间) window.screen.availHeight 返回当前屏幕高度(空白空间)
window.screen.width 返回当前屏幕宽度(分辨率值)
window.screen.height 返回当前屏幕高度(分辨率值)
window.document.body.offsetHeight 返回当前网页高度
window.document.body.offsetWidth 返回当前网页宽度
*screen.width 功能:声明了显示浏览器的屏幕的宽度,以像素计。 语法:screen.width
*screen.height 功能:声明了显示浏览器的屏幕的可用宽度,以像素计。 语法:screen.availWidth *screen.availWidth 功能:声明了显示浏览器的屏幕的可用宽度,以像素计。 语法:screen.availWidth *screen.availHeight 功能:声明了显示浏览器的屏幕的可用高度,以像素计。这个可用高度不包括分配给半永久特性(如屏幕底部的任务栏)的垂直空间。 语法:screen.availHeight *实例1 获取浏览器的宽度、高度、可用宽度、可用高度。 <script type="text/javascript"> document.write( "屏幕宽度:"+screen.width+"px<br />" ); document.write( "屏幕高度:"+screen.height+"px<br />" ); document.write( "屏幕可用宽度:"+screen.availWidth+"px<br />" ); document.write( "屏幕可用高度:"+screen.availHeight+"px" ); </script> 这段代码的效果为: 屏幕宽度:1440px 屏幕高度:900px 屏幕可用宽度:1440px 屏幕可用高度:870px *更多 HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth scroll 4000 Height: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度 offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度 offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置 offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置 event.clientX 相对文档的水平座标 event.clientY 相对文档的垂直座标 event.offsetX 相对容器的水平坐标 event.offsetY 相对容器的垂直坐标 document.documentElement.scrollTop 垂直方向滚动的值 event.clientX+document.documentElement.scrollTop 相对文档的水平座标+垂直方向滚动的量 这里是JavaScript中建造迁移转变代码的常用属性 页可见区域宽: 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;
相关文章推荐
- js得到屏幕宽高、页面宽高 (window.screen.availHeight)等
- js得到屏幕宽高、页面宽高 (window.screen.availHeight)等
- js得到屏幕宽高、页面宽高等
- JS-得到屏幕宽高、页面宽高
- js得到屏幕宽高、页面宽高 (window.screen.availHeight)等
- JavaScript得到屏幕宽高、页面宽高
- JS得到页面及屏幕的高度宽度
- JavaScript基础 获取屏幕的有效高度(不含任务栏的高度) screen.availHeight
- JavaScript基础 获取屏幕的有效高度(不含任务栏的高度) screen.availHeight
- js获取宽度 ,各种高度宽度document.body.clientWidth , document.body.clientHeight,window.screen.width 等等
- 【浏览器】screen.width/height 屏幕宽高(屏幕像素) ---- 定值
- 关于js获取屏幕高度和宽度( window.document.body,window.screen)(PC端和移动端)
- js得到当前屏幕长宽与页面html长度
- javascript中使用browser对象得到屏幕宽高,位深度以及页面的起始坐标和页面宽高
- js获取宽度 ,各种高度宽度document.body.clientWidth , document.body.clientHeight,window.screen.width 等等
- 经过action跳转后得到的页面中css和js的样式引入不能应用
- css---pc、无线如果通过js获取屏幕宽度结合sass实现自适应页面
- 在使用母版页时,在前台js中得到子页面中的控件的id
- 如何用JS得到当前页面的url信息方法
- JS iframe父子页面元素调用方法 window parent top 解释