DOM中的位置和大小(总结)
2024-10-08 04:13:41
【window】window对象
一、position位置
screenLeft/screenTop (适用于火狐和谷歌)
screenX/screenY (适用于IE)
二、size大小
innerHeight/innerWidth 显示文档的区域大小
outerHeight/outerWidth 这个窗口大小包括工具栏、滚动条
【element】元素对象
一、position位置
offsetLeft / offsetTop 边框盒的位置,一第一个定位(position:absolute)的父级元素为准
二、size大小
clientWidth/clientHeight 内容+内边距(填充盒)
offsetWidth/offsetHeight 内容+内边距+边框(边框盒)
【mouse】鼠标事件对象
clientX/clientY 相对于视口的坐标
pageX/pageY 相对于事件源的位置
offsetX/offsetY 相对于整个文档的位置
screenX/screenY 相对于屏幕的位置
最新文章
- Webgl的2D开发方案(一)spritebatcher
- Android成长日记-Android四大组件之Service组件的学习
- linux网络子系统内核分析
- 【BZOJ 2618】 2618: [Cqoi2006]凸多边形 (半平面交)
- hihocoder1302 最长回文子串
- 新手可以学习cocos2dx 3.0 组态(两)
- android NDK编译(导入).a文件和编译多个so文件(转)
- 从jsp页面到servlet传值的不同方式
- Python数据分析流程
- rpm检验是否被改动过
- Python函数默认参数的陷阱
- Re.常系数齐次递推
- 最短路径算法之Dijkstra算法
- JavaScript模板引擎Template.js使用详解
- MATLAB 不能保存变量问题及解决办法
- HDU6029 Happy Necklace 2017-05-07 19:11 45人阅读 评论(0) 收藏
- CSS - 伪类和伪元素的区别
- gcd?人生赢家!
- 统计Azure存储的HBase各表数据量
- Linux(Contos7.5)环境搭建之Gitblit安装(三)
热门文章
- Github Pages 无法调用 node_modules 文件夹的解决方案
- python3中map函数
- 北京联通盒子-数码视讯Q7-破解
- 将 Sidecar 容器带入新的阶段
- .NET Core开发的iNeuOS工业互联平台,升级四大特性:配置数据接口、图元绑定数据、预警配置和自定义菜单
- Iterator接口介绍(迭代器)
- nginx部署vue跨域proxy方式
- 【题解】多少个$1$(exBSGS)
- $bzoj2560$ 串珠子 容斥+$dp$
- RHEL6.6安装Oracle 11g RAC - 基于VMware的实验环境