原生 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() ↵
posted @ 2021-07-31 20:42  叙帝利  阅读(95)  评论(0)  编辑  收藏  举报