js获取屏幕宽度及操作

网页可见区域宽：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

HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth
scrollHeight: 获取对象的滚动高度。
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 相对文档的水平座标+垂直方向滚动的量

IE，FireFox 差异如下：

IE6.0、FF1.06+：

clientWidth = width + padding

clientHeight = height + padding

offsetWidth = width + padding + border

offsetHeight = height + padding + border

IE5.0/5.5：
clientWidth = width - border

clientHeight = height - border

offsetWidth = width

offsetHeight = height

(需要提一下：CSS中的margin属性，与clientWidth、offsetWidth、clientHeight、offsetHeight均无关)

哎，原谅我的无知，我被里面这些个概念是搞的晕头转向，恳求高手能不能抽空就上面这些概念做个图文并茂的教程呢，比如啊：随便搞一张网页截图，然后在上面用符号标示各个概念

因为最近要做一个层的定位的程序，所以迫切需要知道这些概念的具体意义。

js获取屏幕宽度及操作相关推荐

Js获取屏幕宽度、高度
document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.docume ...
jq获取页面高度_js与jquery获取屏幕宽度与高度
1,javascript获取屏幕宽度与高度网页可见区域宽: document.body.clientwidth 网页可见区域高: document.body.clientheight 网页可见区域宽 ...
JQ获取屏幕宽度，以及分辨率发生改变时既触发函数
获取屏幕宽度 var winWide = $(window).width();console.log(winWide); 分辨率改变时既触发函数 $(window).resize(function() ...
如何使用CSS3来获取屏幕宽度并且用来计算DIV高度
稍微出示一下我之前的代码 var global_width = ($(window).width());var info_height = global_width/750*230; 之前需要用js实 ...
json对象、字符串-数组和数学对象中的相关方法、BOM对象、JS中的DOM操作
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录 json对象字符串对象的相关方法获取字符串长度 length 清除两侧的空白 trim [ python的strip ] ...
JS 枚举型变量操作
JS 枚举型变量操作(用于全局变量等) (2010-03-18 21:10:20) 转载标签: js 分类: 程序语言还有就是 in 运算符使用来判断对象是否包含有属性,你可以看一 ...
unity5.x C# 获取屏幕宽度设置不受重力影响
在unity5.x中,获取屏幕宽度代码如下: float screenWeight = Screen.width; //获取屏幕宽度 Screen.width 在此获取屏幕的宽度,从而赋值给scree ...
android中屏幕宽高显示不全,Android 获取屏幕宽度跟高度
Android 获取屏幕宽度跟高度在android开发过程中,对于控件的高度,宽度,通过下面的函数调用,轻松实现编程中设置控件的相对宽度跟高度: // 获得屏幕的宽度 public static i ...
vue项目接口地址暴露_vue组件暴露和.js文件暴露接口操作
1.将同一类型的组件放在一个文件夹下 2.在此文件夹下创建一个index.js 3.在index.js中导入组件,并把他们暴露出去 1.写法一 import studentCourse1 from ' ...

js获取屏幕宽度及操作

js获取屏幕宽度及操作相关推荐

最新文章

热门文章