【jQuery】中DOM 高度问题
来源:互联网 发布:python输出中文 编辑:程序博客网 时间:2024/06/06 04:22
一个 dom 元素占据的高度分为四种:content-height, padding, border, margin。
jQuery 提供了4种对应的获取方式:height(), innerHeight(), outerHeight(), outerHeight(true)。
jQuery 提供了4种对应的获取方式:height(), innerHeight(), outerHeight(), outerHeight(true)。
依次对应并且依次包含,比如 height 获取到 content-height, 那 innerHeight 获取到 content-height + padding。
所以如果要获取一个 dom 元素真正在网页中占据的高度应该使用 outerHeight(true)。对于宽度是一致的。
另外的有一个,对于 inline-block 和 block 元素, content-height 有点不一致,需要根据 style.boxSizing (content-box 和 border-box) 不同而有不同的结果。不过这个 jQuery 都做了封装。当然 boxSizing 不止这两种,这都是因为规范不同导致的。
jQuery height相关方法
- alert($(window).height()); //浏览器时下窗口可视区域高度
- alert($(document).height()); //浏览器时下窗口文档的高度
- alert($(document.body).height());//浏览器时下窗口文档body的高度
- alert($(document.body).outerHeight(true));//浏览器时下窗口文档body的总高度 包括border padding margin
- alert($(window).width()); //浏览器时下窗口可视区域宽度
- alert($(document).width());//浏览器时下窗口文档对于象宽度
- alert($(document.body).width());//浏览器时下窗口文档body的高度
- alert($(document.body).outerWidth(true));//浏览器时下窗口文档body的总宽度 包括border padding margin
- alert($(document/window).scrollTop()); /滚动条滚动后相对于浏览器的高度
- alert($(document).scrollLeft()); //获取滚动条到左边的垂直宽度
- 【jQuery】中DOM 高度问题
- Jquery 中 DOM 对象和 jQuery 对象对象的问题
- jQuery获取高度问题
- FF中jquery获取window高度的问题
- jQuery中DOM操作
- JQuery中DOM操作
- iframe中js创建dom,高度自适应
- iframe自适应高度问题jquery
- 【js/jquery】页面高度问题
- jQuery中各种高度详解
- JQuery中DOM操作DEMO
- Jquery 中DOM对象操作
- Jquery 的height()方法在jsp中获取的高度问题
- iframe 自适应高度的问题(jquery控制)
- iframe 自适应高度的问题(jquery控制)
- listview中item高度问题
- javascript中获取dom元素的高度和宽度
- JQuery 中 dataGrid 设置行的高度
- 2.16 Presenting Multiple View Controllers with UITabBarController
- 直接拿来用!最火的Android开源项目(完结篇)
- 存储过程使用:分页存储
- 奇偶行显示不同样式操作,CSS3 :nth-child()伪类选择器
- CSS 画竖线
- 【jQuery】中DOM 高度问题
- 手把手教你写专利申请书/如何申请专利
- iOS知识点总结——复习大纲
- 带你快速了解“存储过程”的定义及优点
- Excel 文本格式批量 转换为数字格式
- ssh3层架构中异常捕获的书写规范
- 获取table中的td值,然后与另一个值相匹配
- Using Format Commands to Change Output View in powershell
- Spring之IoC 控制反转和依赖注入