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 相关文章推荐
javascript与CSS复习(二)
Jun 29 Javascript
javascript禁用键盘功能键让右击及其他键无效
Oct 09 Javascript
javascript实用方法总结
Feb 06 Javascript
Bootstrap基本插件学习笔记之Alert警告框(20)
Dec 08 Javascript
w3c编程挑战_初级脚本算法实战篇
Jun 23 Javascript
微信小程序 循环及嵌套循环的使用总结
Sep 26 Javascript
微信小程序 POST请求的实例详解
Sep 29 Javascript
解决vuejs 使用value in list 循环遍历数组出现警告的问题
Sep 26 Javascript
如何在微信小程序中实现Mixins方案
Jun 20 Javascript
Vue-Cli项目优化操作的实现
Oct 27 Javascript
JS中数组实现代码(倒序遍历数组,数组连接字符串)
Dec 29 Javascript
el-table树形表格表单验证(列表生成序号)
May 31 Javascript
没有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
php中\r \r\n \t的区别示例介绍
2014/02/08 PHP
PHP 面向对象程序设计(oop)学习笔记 (二) - 静态变量的属性和方法及延迟绑定
2014/06/12 PHP
php 变量引用与变量销毁机制详细介绍
2016/12/05 PHP
Yii2中hasOne、hasMany及多对多关联查询的用法详解
2017/02/15 PHP
JavaScript 学习笔记(五)
2009/12/31 Javascript
兼容IE、FireFox、Chrome等浏览器的xml处理函数js代码
2011/11/30 Javascript
SwfUpload在IE10上不出现上传按钮的解决方法
2013/06/25 Javascript
javascript调试之DOM断点调试法使用技巧分享
2014/04/15 Javascript
JS排序之冒泡排序详解
2017/04/08 Javascript
JavaScript数据结构学习之数组、栈与队列
2017/05/02 Javascript
Angular.js前台传list数组由后台spring MVC接收数组示例代码
2017/07/31 Javascript
详解tween.js的使用教程
2017/09/14 Javascript
JavaScript实现全选取消效果
2017/12/14 Javascript
vue 实现剪裁图片并上传服务器功能
2018/03/01 Javascript
讲解vue-router之什么是嵌套路由
2018/05/28 Javascript
vue.js中proxyTable 转发请求的实现方法
2018/09/20 Javascript
了解JavaScript中的选择器
2019/05/24 Javascript
微信小程序和H5页面间相互跳转代码实例
2019/09/19 Javascript
详解ES6新增字符串扩张方法includes()、startsWith()、endsWith()
2020/05/12 Javascript
举例讲解Django中数据模型访问外键值的方法
2015/07/21 Python
python实现AES和RSA加解密的方法
2019/03/28 Python
python高斯分布概率密度函数的使用详解
2019/07/10 Python
python中使用while循环的实例
2019/08/05 Python
浅谈keras的深度模型训练过程及结果记录方式
2020/01/24 Python
Django实现前台上传并显示图片功能
2020/05/29 Python
Python3开发环境搭建详细教程
2020/06/18 Python
联想韩国官网:Lenovo Korea
2018/05/10 全球购物
婚礼证婚人证婚词
2014/01/08 职场文书
党员批评与自我批评
2014/02/12 职场文书
信息管理专业自荐书
2014/06/05 职场文书
汉语言文学专业自荐信
2014/06/11 职场文书
教师查摆问题及整改措施
2014/10/11 职场文书
婚前财产协议书范本
2014/10/19 职场文书
房屋所有权证明
2014/10/20 职场文书
SQL Server使用T-SQL语句批处理
2022/05/20 SQL Server
Apache SkyWalking 监控 MySQL Server 实战解析
2022/09/23 Servers