JS获取各种宽度、高度的简单介绍
来源:互联网 发布:淘宝账号能改名吗 编辑:程序博客网 时间:2024/06/06 21:07
JS获取各种宽度、高度的简单介绍:
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均无关)
offsetWidth (width+padding+border)
假设 obj 为某个 HTML 控件。
obj.offsetTop 指 obj 距离上方或上层控件的位置,整型,单位像素。
obj.offsetLeft 指 obj 距离左方或上层控件的位置,整型,单位像素。
obj.offsetWidth 指 obj 控件自身的宽度,整型,单位像素。获取对象可见内容的宽度,不包括滚动条,不包括边框;
obj.offsetHeight 指 obj 控件自身的高度,整型,单位像素。
offsetWidth 与 style.width 的区别
一、offsetTop 返回的是数字,而 style.top 返回的是字符串,除了数字外还带有单位:px。
二、offsetTop 只读,而 style.top 可读写。
三、如果没有给 HTML 元素指定过 top 样式,则 style.top 返回的是空字符串。
- JS获取各种宽度、高度的简单介绍
- JS及jQuery获取各种宽度、高度的简单介绍以及判断滚动条滚动到底部事件
- JS,Jquery获取各种屏幕的宽度和高度
- JS和jquery获取各种屏幕的宽度和高度
- JS,Jquery获取各种屏幕的宽度和高度
- JS,Jquery获取各种屏幕的宽度和高度
- JS,Jquery获取各种屏幕的宽度和高度
- JS,Jquery获取各种屏幕的宽度和高度
- JS,Jquery获取各种屏幕的宽度和高度
- JS,Jquery获取各种屏幕的宽度和高度
- JS,Jquery获取各种屏幕的宽度和高度
- JS,Jquery获取各种屏幕的宽度和高度
- JS,Jquery获取各种屏幕的宽度和高度
- JS,Jquery获取各种屏幕的宽度和高度
- JS,Jquery获取各种屏幕的宽度和高度
- JS,Jquery获取各种屏幕的宽度和高度
- JS,Jquery获取各种屏幕的宽度和高度
- JS,Jquery获取各种屏幕的宽度和高度
- jetty启动的两种方式: standalone启动和scala程序内嵌启动
- 程序员都会的35个jQuery小技巧
- O(n^2)排序算法(JavaScript语言)
- Android Handler原理介绍
- 问题,缺陷,任务管理系统 Cynthia
- JS获取各种宽度、高度的简单介绍
- JVM内存调优相关的一些笔记(杂)
- 在linux内核中 读写上层文件
- docker可视化管理工具shipyard的安装
- DB2查询获取排序号
- WebApi form-data上传文件
- " 双引号的陷阱
- C#使用递归输出杨辉三角
- 视频服务五招必杀?CDN又有重磅发布?看看云栖大会视频多媒体分论坛说了什么