原生 JS 和 jQuery 中的尺寸

element

jQuery JS
$(elem).width() border-box: elem.offsetWidth - padding - border
content-box: elem.offsetWidth - padding
$(elem).innerWidth() elem.clientWidth + scrollbar
$(elem).outerWidth() elem.offsetWidth

window

jQuery JS
$(window).width() document.documentElement.clientWidth
$(window).innerWidth() document.documentElement.clientWidth
$(window).outerWidth() window.innerWidth

document

jQuery JS
$(document).width() Math.max(document.body.scrollWidth,
document.documentElement.scrollWidth,
document.body.offsetWidth,
document.documentElement.offsetWidth,
document.documentElement.clientWidth)
$(document).innerWidth() ?
$(document).outerWidth() ?

原生 JS 和 jQuery 中的尺寸

上一篇:HTML