一些常用的获取页面高度和宽度的js用法
来源:互联网 发布:怎样将软件汉化 编辑:程序博客网 时间:2024/05/17 07:27
在开发中,经常会用到页面或者页面某一部分的高度和宽度,网上答案很多,我在这里也整理了一些常用的获取高度和宽度的js用法,供开发者参考:
页面可见区域宽:document.body.clientWidth
页面可见区域高:document.body.clientHeight
页面可见区域宽:document.body.offsetWidth(包括边线的宽)
页面可见区域高:document.body.offsetHeight(包括边线的宽)
页面正文全文宽:document.body.scrollWidth
页面正文全文高:document.body.scrollHeight
页面被卷去的高:document.body.scrollTop(IE7无效)
页面被卷去的左:document.body.scrollLeft(IE7无效)
页面被卷去的高:document.documentElement.scrollTop(IE7有效)
页面被卷去的左:document.documentElement.scrollLeft(IE7有效)
页面正文部分上:window.screenTop
页面正文部分左:window.screenLeft
屏幕页面分辨率的高:window.screen.height
屏幕页面分辨率的宽:window.screen.width
屏幕页面可用工作区高度:window.screen.availHeight
屏幕可用工作区宽度:window.screen.availWidth
相对于窗口左上角的X:window.event.clientX
相对于窗口左上角的Y:window.event.clientY
相对于整个页面的X:window.event.X
相对于整个页面的Y:window.event.Y
关于页面滚动条的距离,可以这样使用var top = document.body.scrollTop || document.documentElement.scrollTop;
- 一些常用的获取页面高度和宽度的js用法
- js获取浏览器页面区域的宽度和高度
- 常用js获得页面的宽度和高度
- 获取页面的高度和宽度
- 获取当前页面的宽度和高度
- 页面的各种高度和宽度获取
- js获得页面的高度和宽度
- JS获取浏览器的高度和宽度
- js 获取dom的高度和宽度
- JS获取页面高度和宽度大全
- js 获取页面宽度和高度
- js获取页面高度和宽度值
- js中screen对象获取浏览器宽度高度的用法
- IE和FF中JS获取页面高度与宽度的对比
- JavaScript获取屏幕和页面的宽度和高度
- js获取页面高度宽度
- Js获取页面高度宽度
- JS获取页面宽度高度
- ListView最基本的使用方法(一)
- AFNetworking下载文件
- 自定义控件 xml unbound prefix
- logstash实时采集log4j日志并存入elasticsearch案例实战
- 01——Js基本语法 变量作用域 匿名函数
- 一些常用的获取页面高度和宽度的js用法
- 深入理解java异常处理机制
- Github备忘录
- uart调试
- Android屏幕适配总结(一)
- 那些sql语句真的值得你细细地研究
- 加速神经网络训练
- 第10001个素数
- Java 俄罗斯方块游戏