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动态添加事件并可传参数示例代码
Oct 21 Javascript
Bootstrap模态对话框的简单使用
Apr 29 Javascript
jQuery Easyui DataGrid点击某个单元格即进入编辑状态焦点移开后保存数据
Aug 15 Javascript
jQuery多级联动下拉插件chained用法示例
Aug 20 Javascript
[原创]JS基于FileSaver.js插件实现文件保存功能示例
Dec 08 Javascript
javascript输出AscII码扩展集中的字符方法
Dec 26 Javascript
js实现定时进度条完成后切换图片
Jan 04 Javascript
详解闭包解决jQuery中AJAX的外部变量问题
Feb 22 Javascript
MUI实现上拉加载和下拉刷新效果
Jun 30 Javascript
微信小程序常用赋值方法小结
Apr 30 Javascript
JavaScript使用面向对象实现的拖拽功能详解
Jun 12 Javascript
LayUI switch 开关监听 获取属性值、更改状态的方法
Sep 21 Javascript
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将字符串随机分割成不同长度数组的方法
2015/06/01 PHP
php实现按天数、星期、月份查询的搜索框
2016/05/02 PHP
PHP实现双链表删除与插入节点的方法示例
2017/11/11 PHP
laravel admin实现分类树/模型树的示例代码
2020/06/10 PHP
javascript 建设银行登陆键盘
2008/06/10 Javascript
js 新浪的一个图片播放图片轮换效果代码
2008/07/15 Javascript
JavaScript 字符串处理函数使用小结
2010/12/02 Javascript
Javascript 自适应高度的Tab选项卡
2011/04/05 Javascript
JavaScript实现x秒后自动跳转到一个页面
2013/01/03 Javascript
js中页面的重新加载(当前页面/上级页面)及frame或iframe元素引用介绍
2013/01/24 Javascript
setTimeout函数兼容各主流浏览器运行执行效果实例
2013/06/13 Javascript
jquery Tab效果和动态加载的简单实例
2013/12/11 Javascript
javascript实现的平方米、亩、公顷单位换算小程序
2014/08/11 Javascript
在JavaScript中使用NaN值的方法
2015/06/05 Javascript
angularjs创建弹出框实现拖动效果
2020/08/25 Javascript
jQuery点击头像上传并预览图片
2017/02/23 Javascript
原生javascript自定义input[type=radio]效果示例
2019/08/27 Javascript
Vue简单实现原理详解
2020/05/07 Javascript
谈谈node.js中的模块系统
2020/09/01 Javascript
微信小程序实现点赞业务
2021/02/10 Javascript
[03:12]2016完美“圣”典风云人物:单车专访
2016/12/02 DOTA
Python中return语句用法实例分析
2015/08/04 Python
Python判断列表是否已排序的各种方法及其性能分析
2016/06/20 Python
Python 基础之字符串string详解及实例
2017/04/01 Python
tensorflow建立一个简单的神经网络的方法
2018/02/10 Python
详解python tkinter 图片插入问题
2020/09/03 Python
基于python获取本地时间并转换时间戳和日期格式
2020/10/27 Python
HTML5中的音频和视频媒体播放元素小结
2016/01/29 HTML / CSS
本科生求职简历的自我评价
2013/10/21 职场文书
设计师个人求职信范文
2014/02/02 职场文书
家长通知书家长意见
2014/12/30 职场文书
2015应届毕业生自荐信范文
2015/03/05 职场文书
2015年工会工作总结范文
2015/07/23 职场文书
《富饶的西沙群岛》教学反思
2016/02/16 职场文书
2019年度行政文员工作计划范本!
2019/07/04 职场文书
JS前端可视化canvas动画原理及其推导实现
2022/08/05 Javascript