js里取容器大小、定位、距离等属性搜集整理


Posted in Javascript onAugust 19, 2013

element.clientWidth

//元素的实际宽度,不算边框

element.clientHeight

//元素的实际高度,不算边框

element.offsetWidth

//元素的实际宽度,加上边框

element.offsetHeight

//元素的实际高度,加上边框

element.scrollWidth

//这个说法很多,我测试下来应该是元素实际宽度-滚动条的宽度

element.scrollHeight

//这个说法很多,我测试下来应该是元素实际高度-滚动条的高度

element.offsetLeft

//相对于父对象的距离,ie下如果position设为relative,则是相对于window的距离

element.offsetTop

//相对于父对象的距离,ie下如果position设为relative,则是相对于window的距离

window.screenLeft

//当前窗口距离屏幕距离 only for IE

window.screenX

//当前窗口距离屏幕距离 not for IE

window.innerWidth

//当前窗口大小(内)not for IE

window.outerWidth

//当前窗口大小(外)not for IE

window.screen.width //当前屏幕分辨率

window.screen.availWidth //当前屏幕可用分辨率

Javascript 相关文章推荐
FireFox与IE 下js兼容触发click事件的代码
Nov 20 Javascript
比较全面的event对像在IE与FF中的区别 推荐
Sep 21 Javascript
js取两个数组的交集|差集|并集|补集|去重示例代码
Aug 07 Javascript
Ext4.2的Ext.grid.plugin.RowExpander无法触发事件解决办法
Aug 15 Javascript
全面解析Bootstrap排版使用方法(文字样式)
Nov 30 Javascript
JS实现iframe编辑器光标位置插入内容的方法(兼容IE和Firefox)
Jun 24 Javascript
快速入门Vue
Dec 19 Javascript
JavaScript实现经典排序算法之插入排序
Dec 28 Javascript
ionic实现下拉刷新载入数据功能
May 11 Javascript
ElementUI Tag组件实现多标签生成的方法示例
Jul 08 Javascript
浅谈JS for循环中使用break和continue的区别
Jul 21 Javascript
基于vue+echarts数据可视化大屏展示的实现
Dec 25 Vue.js
没有document.getElementByName方法
Aug 19 #Javascript
js中符号转意问题示例探讨
Aug 19 #Javascript
window.opener用法和用途实例介绍
Aug 19 #Javascript
JavaScript异步编程:异步数据收集的具体方法
Aug 19 #Javascript
文本框中禁止非数字字符输入比如手机号码、邮编
Aug 19 #Javascript
JQUERY 获取IFrame中对象及获取其父窗口中对象示例
Aug 19 #Javascript
时间戳转换为时间 年月日时间的JS函数
Aug 19 #Javascript
You might like
PHP5 面向对象程序设计
2008/02/13 PHP
请php正则走开
2008/03/15 PHP
简单解决新浪SAE无法上传文件的问题
2015/05/13 PHP
PHP实现批量修改文件后缀名的方法
2015/07/30 PHP
PHP验证码生成原理和实现
2016/01/24 PHP
Yii2中SqlDataProvider用法示例
2016/09/22 PHP
JavaScript加密解密7种方法总结分析
2007/10/07 Javascript
关于用Jquery的height()、width()计算动态插入的IMG标签的宽高的问题
2010/12/08 Javascript
Jquery Ajax方法传值到action的方法
2014/05/11 Javascript
js变量、作用域及内存详解
2014/09/23 Javascript
IE6-IE9中tbody的innerHTML不能赋值的解决方法
2014/09/26 Javascript
JavaScript之iterable_动力节点Java学院整理
2017/06/29 Javascript
React Native使用Modal自定义分享界面的示例代码
2017/10/31 Javascript
JavaScript基础心法 数据类型
2018/03/05 Javascript
vue项目实现github在线预览功能
2018/06/20 Javascript
vue项目中引入vue-datepicker插件的详解
2019/05/14 Javascript
java遇到微信小程序 "支付验证签名失败" 问题解决
2019/12/22 Javascript
在Vue中使用HOC模式的实现
2020/08/23 Javascript
[03:49]显微镜下的DOTA2第十五期—VG登基之路完美团
2014/06/24 DOTA
利用一个简单的例子窥探CPython内核的运行机制
2015/03/30 Python
Python利用Beautiful Soup模块搜索内容详解
2017/03/29 Python
Python实现的科学计算器功能示例
2017/08/04 Python
python实现对csv文件的列的内容读取
2018/07/04 Python
python抓取需要扫微信登陆页面
2019/04/29 Python
使用Python实现将list中的每一项的首字母大写
2019/06/11 Python
sklearn线性逻辑回归和非线性逻辑回归的实现
2020/06/09 Python
Python Charles抓包配置实现流程图解
2020/09/29 Python
selenium+headless chrome爬虫的实现示例
2021/01/08 Python
Python扫描端口的实现
2021/01/25 Python
美国著名的品牌折扣店:Burlington
2017/06/08 全球购物
Under Armour安德玛法国官网:美国高端运动科技品牌
2018/06/29 全球购物
电信专业毕业生推荐信
2013/11/18 职场文书
我的画教学反思
2014/04/28 职场文书
公司合作意向书范文
2014/07/30 职场文书
经销商会议开幕词
2016/03/04 职场文书
Django开发RESTful API实现增删改查(入门级)
2021/05/10 Python