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 获取图片颜色
Apr 05 Javascript
js中判断控件是否存在
Aug 25 Javascript
jQuery EasyUI API 中文文档 - Dialog对话框
Nov 15 Javascript
判断JS对象是否拥有某种属性的两种方式
Dec 02 Javascript
js中直接声明一个对象的方法
Aug 10 Javascript
在JavaScript中处理时间之getHours()方法的使用
Jun 10 Javascript
JS留言功能的简单实现案例(推荐)
Jun 23 Javascript
jQuery多个版本和其他js库冲突的解决方法
Aug 11 Javascript
jQuery autoComplete插件两种使用方式及动态改变参数值的方法详解
Oct 24 Javascript
react koa rematch 如何打造一套服务端渲染架子
Jun 26 Javascript
vue Tab切换以及缓存页面处理的几种方式
Nov 05 Javascript
浅析微信小程序自定义日历组件及flex布局最后一行对齐问题
Oct 29 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
乱谈我对耳机、音箱的感受
2021/03/02 无线电
php实现将Session写入数据库
2015/07/26 PHP
php验证邮箱和ip地址最简单方法汇总
2015/10/30 PHP
php简单统计在线人数的方法
2016/05/10 PHP
php检测mysql表是否存在的方法小结
2017/07/20 PHP
PHP微信发送推送消息乱码的解决方法
2019/02/28 PHP
php+js实现点赞功能的示例详解
2020/08/07 PHP
javascript获得CheckBoxList选中的数量
2009/10/27 Javascript
制作高质量的JQuery Plugin 插件的方法
2010/04/20 Javascript
JavaScript动态操作表格实例(添加,删除行,列及单元格)
2013/11/25 Javascript
一个小例子解释如何来阻止Jquery事件冒泡
2014/07/17 Javascript
jQuery实现的多屏图像图层切换效果实例
2015/05/07 Javascript
浅析AngularJS中的指令
2016/03/20 Javascript
javascript实现不同颜色Tab标签切换效果
2016/04/27 Javascript
jquery.serialize() 函数语法及简单实例
2016/07/08 Javascript
javascript中apply/call和bind的使用
2017/02/15 Javascript
EasyUI的DataGrid每行数据添加操作按钮的实现代码
2017/08/22 Javascript
jquery点击回车键实现登录效果并默认焦点的方法
2018/03/09 jQuery
关于layui 下拉列表的change事件详解
2019/09/20 Javascript
vue的hash值原理也是table切换实例代码
2020/12/14 Vue.js
[06:14]《辉夜杯》外卡赛附加赛 4支战队巡礼
2015/10/23 DOTA
利用python编写一个图片主色转换的脚本
2017/12/07 Python
Python3.0中普通方法、类方法和静态方法的比较
2019/05/03 Python
Python 实现数据结构中的的栈队列
2019/05/16 Python
解决python web项目意外关闭,但占用端口的问题
2019/12/17 Python
Python爬虫入门教程02之笔趣阁小说爬取
2021/01/24 Python
css3 实现元素弧线运动的示例代码
2020/04/24 HTML / CSS
如何在Canvas上的图形/图像绑定事件监听的实现
2020/09/16 HTML / CSS
世界最大的海报和艺术印刷商店:AllPosters.com
2017/02/01 全球购物
意大利男装网店:Vrients
2019/05/02 全球购物
木马的传播途径主要有哪些
2016/04/08 面试题
企业面试题试卷附带答案
2015/12/20 面试题
餐饮主管岗位职责
2013/12/10 职场文书
先进班级集体事迹材料
2014/01/30 职场文书
活动总结的格式
2014/05/07 职场文书
材料采购员岗位职责
2015/04/03 职场文书