Javascript 随机改变背景图像

我正在研究一种方法，在每次点击按钮时改变身体的背景图案

到目前为止，我已经得到了这些代码，但是当我点击按钮时，背景就变成了白色。 我的错在哪里

var patternImage = ['01','02','03','04'];
var randomNumber = Math.floor(Math.random() * patternImage.length);

$("#patternSwitcher").click(function(){
    $("body").css("background","url(../images/ + patternImage[randomNumber] + .gif)")
});

你想要：

"string" + variable + "string"

不是：

---

由于JS中的变量没有使用符号（例如PHP中的

$

）进行标记，因此不能在字符串中插入变量，必须使用串联来构建它们

字符串需要连接：

$("body").css("background","url(../images/" + patternImage[randomNumber] + ".gif)")

---

谢谢你的快速回答。我改变了连接错误，但它仍然给我一个白色背景。我认为这可能是因为图像的路径，但我进行了三次检查，它们的名称正确（01.gif、02.gif等），路径似乎正确（当CSS位于root/CSS中时为root/images）。CSS嵌入在HTML文档中（您正在设置样式属性），而不是单独的样式表中。因此，除非您正在加载/root/css/index.html，否则您计算的路径是从错误的位置开始的。好的，谢谢，它现在可以工作了！我不认为该样式嵌入到html中，从而使路径与CSS样式表中使用的路径不同。非常感谢。

$("body").css("background","url(../images/" + patternImage[randomNumber] + ".gif)")