js获取页面及个元素高度、宽度的代码


Posted in Javascript onApril 26, 2016

网页可见区域宽: document.body.clientWidth;
网页可见区域高: document.body.clientHeight;
网页可见区域宽: document.body.offsetWidth (包括边线和滚动条的宽);
网页可见区域高: document.body.offsetHeight (包括边线的宽);
网页正文全文宽: document.body.scrollWidth;
网页正文全文高: document.body.scrollHeight;
网页被卷去的高(ff):document.body.scrollTop;
网页被卷去的高(ie): document.documentElement.scrollTop;
网页被卷去的左:document.body.scrollLeft;
网页正文部分上:window.screenTop;
网页正文部分左:window.screenLeft;
某个元素的宽度:obj.offsetWidth;
某个元素的高度:obj.offsetHeight;
某个元素的上边界到body最顶部的距离:obj.offsetTop;(在元素的包含元素不含滚动条的情况下)
某个元素的左边界到body最左边的距离:obj.offsetLeft;(在元素的包含元素不含滚动条的情况下)
返回当前元素的上边界到它的包含元素的上边界的偏移量:obj.offsetTop(在元素的包含元素含滚动条的情况下)
返回当前元素的左边界到它的包含元素的左边界的偏移量:obj.offsetLeft(在元素的包含元素含滚动条的情况下)

scrollTop, scrollLeft

设置或返回已经滚动到元素的左边界或上边界的像素数。只有在元素有滚动条的时候,例如,元素的 CSS overflow 属性设置为 auto 的时候,这些像素才有用。这些属性也只在文档的 <body> 或 <html> 标记上定义(这和浏览器有关),并且一起来制定滚动文档的位置。注意,这些属性并不会指定一个 <iframe> 标记的滚动量。这是非标准的但却得到很好支持的属性

以上这篇js获取页面及个元素高度、宽度的代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JS 类型转换常见方法小结
May 31 Javascript
js判断FCKeditor内容是否为空的两种形式
May 14 Javascript
JS实现样式清新的横排下拉菜单效果
Oct 09 Javascript
Bootstrap入门教程一Hello Bootstrap初识
Mar 02 Javascript
纯js仿淘宝京东商品放大镜功能
Mar 02 Javascript
微信小程序 中wx.chooseAddress(OBJECT)实例详解
Mar 31 Javascript
js实现首屏延迟加载实现方法 js实现多屏单张图片延迟加载效果
Jul 17 Javascript
Vue2.0 多 Tab切换组件的封装实例
Jul 28 Javascript
JavaScrip数组删除特定元素的几种方法总结
Sep 06 Javascript
Vue.js实现可配置的登录表单代码详解
Mar 29 Javascript
d3.js实现自定义多y轴折线图的示例代码
May 30 Javascript
jquery 通过ajax请求获取后台数据显示在表格上的方法
Aug 08 jQuery
jQuery javascript获得网页的高度与宽度的实现代码
Apr 26 #Javascript
JQuery给select添加/删除节点的实现代码
Apr 26 #Javascript
js计算时间差代码【包括计算,天,时,分,秒】
Apr 26 #Javascript
js 求时间差的实现代码
Apr 26 #Javascript
Bootstrap表单组件教程详解
Apr 26 #Javascript
AngularJS实现textarea记录只能输入规定数量的字符并显示
Apr 26 #Javascript
50 个 jQuery 插件可将你的网站带到另外一个高度
Apr 26 #Javascript
You might like
PHP连接SQLServer2005方法及代码
2013/12/26 PHP
Yii2 assets清除缓存的方法
2016/05/16 PHP
PHP处理CSV表格文件的常用操作方法总结
2016/07/01 PHP
PHP数组操作实例分析【添加,删除,计算,反转,排序,查找等】
2016/12/24 PHP
Win10 下安装配置IIS + MySQL + nginx + php7.1.7
2017/08/04 PHP
PHP登录验证功能示例【用户名、密码、验证码、数据库、已登陆验证、自动登录和注销登录等】
2019/02/25 PHP
php使用lua+redis实现限流,计数器模式,令牌桶模式
2019/04/04 PHP
Laravel框架路由管理简单示例
2019/05/07 PHP
Jquery仿IGoogle实现可拖动窗口示例代码
2014/08/22 Javascript
原生js实现日期计算器功能
2017/02/17 Javascript
JS实现十字坐标跟随鼠标效果
2017/12/25 Javascript
Vue.js的复用组件开发流程完整记录
2018/11/29 Javascript
Vue.js实现的购物车功能详解
2019/01/27 Javascript
小程序异步问题之多个网络请求依次执行并依次收集请求结果
2019/05/05 Javascript
微信小程序自定义弹出模态框禁止底部滚动功能
2020/03/09 Javascript
使用JavaScript获取扫码枪扫描得到的条形码的思路代码详解
2020/06/10 Javascript
js数组的基本使用总结
2021/01/18 Javascript
[18:32]DOTA2 HEROS教学视频教你分分钟做大人-谜团
2014/06/12 DOTA
[04:45]DOTA2上海特级锦标赛主赛事第四日RECAP
2016/03/06 DOTA
[46:42]DOTA2-DPC中国联赛正赛 Aster vs Magma BO3 第二场 3月5日
2021/03/11 DOTA
Python配置文件解析模块ConfigParser使用实例
2015/04/13 Python
Python 实现王者荣耀中的敏感词过滤示例
2019/01/21 Python
Pandas之Fillna填充缺失数据的方法
2019/06/25 Python
Python进程间通信 multiProcessing Queue队列实现详解
2019/09/23 Python
python实现复制文件到指定目录
2019/10/16 Python
如何基于python对接钉钉并获取access_token
2020/04/21 Python
python+selenium实现12306模拟登录的步骤
2021/01/21 Python
橄榄树药房:OLIVEDA
2019/09/01 全球购物
美国沙龙美发产品购物网站:Hair.com by L’Oreal
2020/11/09 全球购物
介绍一下.NET构架下remoting和webservice
2014/05/08 面试题
清明节网上祭英烈活动总结
2014/04/30 职场文书
廉政教育的心得体会
2014/09/01 职场文书
团员个人年度总结
2015/02/26 职场文书
员工工作表现自我评价
2015/03/06 职场文书
酒店总经理岗位职责
2015/04/01 职场文书
SQL中的三种去重方法小结
2021/11/01 SQL Server