Question

这两个声明之间有什么不同吗？我想使用其中一个来修复响应式网站的移动版本上的一些CSS问题。一些教程建议使用$(document).width()，而其他教程则建议document.body.clientWidth。我知道第一个是jquery，第二个是纯JavaScript，但除此之外还有什么不同吗？哪一个更好用？

我想以这种方式使用它们：

if ($(document).width() < 768) { ... }

或

if (document.body.clientWidth < 768) { ... }

Answer 1

是的，他们是不同的。 jQuery做了很多事情来尝试规范化结果。

请参阅the source code：

if (elem.nodeType === 9) {
    doc = elem.documentElement;

    // Either scroll[Width/Height] or offset[Width/Height] or client[Width/Height], whichever is greatest
    // unfortunately, this causes bug #3838 in IE6/8 only, but there is currently no good, small way to fix it.
    return Math.max(
    elem.body["scroll" + name], doc["scroll" + name], elem.body["offset" + name], doc["offset" + name], doc["client" + name]);
}

Answer 2

document.body.clientWidth = $（document）.width（）+（左边填充+右边填充）

$（document）.width（）vs document.body.clientWidth

2 个答案: