javascript中的Left,Top,Width,Height等相关属性汇总
来源:互联网 发布:行政区域数据 编辑:程序博客网 时间:2024/05/22 12:17
网页可见区域高: 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;
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
- javascript中的Left,Top,Width,Height等相关属性汇总
- JavaScript中的*top、*left、*width、*Height详解
- 关于控件的Left 、Top、Width和Height属性
- javascript中各种width,height,left,top的总结
- offset、client、scroll:width、height、left、top
- javascript里面的确一些关于Width,Height,Top,Left的问题
- 各种width/height、left/top以及鼠标位置
- 用js取得DIV的top,left,width,height值
- JavaScript中的style.width/height和offsetWidth/height区别
- vb窗体left、top、width、height,scaleleft、scaletop、scalewidth、scaleheith区别。
- 精确控制MFC控件窗口的位置和大小(top|left|width|height)
- position之absolute中left、bottom、top、right与width、height的关系
- 解决IE6不支持CSS中的min-width/height属性问题
- 对于不同分辨率,css中的height,width属性值自适应
- offsetLeft 与 style.left、offsetWidth 与 style.width、offsetHeight 与 style.height 等区别
- offsetLeft 与 style.left、offsetWidth 与 style.width、offsetHeight 与 style.height 等区别
- offsetLeft 与 style.left、offsetWidth 与 style.width、offsetHeight 与 style.height 等区别
- offsetLeft 与 style.left、offsetWidth 与 style.width、offsetHeight 与 style.height 等区别
- 快速排序(Quicksort)的Javascript实现
- TransR/CTransR论文:链接预测
- windows下批量读取文件夹及子文件夹下的文件名字,方便制作训练样本
- crossdomain.xml 文件安全配置 百度云观测、360网站监测 dz论坛crossdomain.xml
- Refactoring with Solr
- javascript中的Left,Top,Width,Height等相关属性汇总
- sqlite3函数sqlite3_exec
- 第四周 时间
- window.location.hash详解
- 视频网络协议
- poj1047 数论
- 字体问题
- select自定义属性值
- js 正则表达式/g对exec()测试结果的影响