修改 JavaScript 属性document.body.style.background。

例如：

function changeBackground(color) {
   document.body.style.background = color;
}

window.addEventListener("load",function() { changeBackground('red') });

注意：这确实取决于页面的组合方式，例如，如果您使用具有不同背景颜色的 DIV 容器，则需要修改该容器的背景颜色而不是文档正文。

为此，您不需要 AJAX，只需一些简单的 java 脚本设置 body 元素的背景颜色属性，如下所示：

document.body.style.backgroundColor = "#AA0000";

如果你想像它是由服务器启动的那样做，你必须轮询服务器，然后相应地更改颜色。

我同意之前的海报，改变颜色className是一种更漂亮的方法。然而，我的论点是 aclassName可以被视为“为什么你想要背景是这种或那种颜色”的定义。

例如，将其设置为红色不仅是因为您希望它为红色，还因为您想将错误通知用户。因此，AnErrorHasOccured在主体上设置 className将是我的首选实现。

在 CSS 中

body.AnErrorHasOccured
{
  background: #f00;
}

在 JavaScript 中：

document.body.className = "AnErrorHasOccured";

这为您提供了根据 this 为更多元素设置样式的选项className。因此，通过设置 aclassName您可以为页面提供某种状态。

AJAX 以异步方式使用 Javascript 和 XML 从服务器获取数据。除非您想从服务器下载颜色代码，否则这不是您真正的目标！

但除此之外，您可以使用 Javascript 设置 CSS 背景。如果你使用像 jQuery 这样的框架，它会是这样的：

$('body').css('background', '#ccc');

否则，这应该有效：

document.body.style.background = "#ccc";

您可以通过以下方式进行 STEP 1

   var imageUrl= "URL OF THE IMAGE HERE";
   var BackgroundColor="RED"; // what ever color you want

用于改变BODY 的背景

document.body.style.backgroundImage=imageUrl  //changing bg image
document.body.style.backgroundColor=BackgroundColor //changing bg color

更改带有 ID 的元素

document.getElementById("ElementId").style.backgroundImage=imageUrl
document.getElementById("ElementId").style.backgroundColor=BackgroundColor 

对于具有相同类的元素

   var elements = document.getElementsByClassName("ClassName")
        for (var i = 0; i < elements.length; i++) {
            elements[i].style.background=imageUrl;
        }