javascript – 为什么更改正文的背景颜色会改变整个页面的背景？

我使用以下代码记录了高度和填充值：

jQuery( document ).ready( function() {

    console.log( jQuery('body').css('height') );
    console.log( jQuery('body').css('padding-top') );
    console.log( jQuery('body').css('padding-bottom'));

}); //end ready

这输出：

20px
0px
0px

如果正文的高度只有20像素,那么当我使用这个CSS时,为什么浏览器的整个背景会变黑：

body {
    background: black;
}

我正在使用Chrome作为我的浏览器.如果你对我如何遇到这个问题感到好奇,我遇到了一个问题,即由于身体的默认高度而向身体添加一个似乎没有发射的点击事件.

解决方法

很久以前有一些叫做document.bgcolor的东西,或类似的东西,它可以让你设置文档本身的背景,但是已经弃用了.

相反,决定设置document.body.style.backgroundColor,或者换句话说设置正文的背景,也会自动设置文档的背景颜色,因为文档对象没有样式属性,但它仍然可见body / html元素并不完全覆盖文档,这就是为什么即使body元素没有覆盖整个文档,整个页面也会变黑.