jquery 的相关 width 和 height 方法辨析

width()  设置或返回元素的宽度(不包括内边距、边框或外边距)。
height()  设置或返回元素的高度(不包括内边距、边框或外边距)。
innerWidth()  返回元素的宽度(包括内边距)。
innerHeight()  返回元素的高度(包括内边距)。
outerWidth()  返回元素的宽度(包括内边距和边框)。
outerHeight()  返回元素的高度(包括内边距和边框)。
outerWidth(true)  返回元素的宽度(包括内边距、边框和外边距)。
outerHeight(true)  返回元素的高度(包括内边距、边框和外边距)。
$(window).height()   浏览器当前窗口可视区域高度 
$(document).height()   浏览器当前窗口文档的高度 
$(document.body).height()   浏览器当前窗口文档body的高度 
$(document.body).outerHeight(true)  浏览器当前窗口文档body的总高度 包括border padding margin 
$(window).width()  浏览器当前窗口可视区域宽度 
$(document).width()   浏览器当前窗口文档对象宽度 
$(document.body).width()   浏览器当前窗口文档body的高度 
$(document.body).outerWidth(true)   浏览器当前窗口文档body的总宽度 包括border padding margin

 

posted @ 2017-04-14 11:07  淳安梁朝伟  阅读(371)  评论(0编辑  收藏  举报