Jquery中的height(),innerHeight(),outerHeight()的区别

前言

最近练习做弹窗,遇到height(),innerHeight(),outerHeight()的区别。

根据下面的盒模型来了解三者的区别。

Jquery中的height(),innerHeight(),outerHeight()的区别

height():element的height;

innerHeight(): height + padding;

Jquery中的height(),innerHeight(),outerHeight()的区别

Jquery中的height(),innerHeight(),outerHeight()的区别

outerHeight(): height + padding +border;

ouerHeight(true): height + padding + border + margin;

注意:.outerHeight  is not applicable to window and document objects; for these, use .height() instead.

width(),innerWidth(),outerWidth()同理。

上一篇:彻底搞清楚DOM元素的height,offsetHeight,clientHeight,scrollHeight


下一篇:关于offsetTop offsetHeight clientHeight scrollHeight scrollTop的区别研究