JavaScript中如何在引号内使用变量设置body背景图片？

你完全猜对了！问题的核心就是你把images[0]直接写在字符串引号里了——JavaScript会把它当作普通的文本内容，所以才会尝试查找一个名叫'images[0]'的文件，而不是去读取images数组第一个元素里的真实路径。

这里有两种简单有效的修改方式：

方法1：使用ES6模板字符串（推荐） #

模板字符串用反引号（）包裹，变量可以通过${}`语法嵌入进去，写法简洁又直观：

document.body.style.backgroundImage = `url('${images[0]}')`;

方法2：传统字符串拼接 #

如果你需要兼容一些比较老的浏览器，可以用加号把字符串和变量拼接起来：

document.body.style.backgroundImage = "url('" + images[0] + "')";

最后再提个小提醒：

• 要确保images数组已经正确初始化，而且images[0]里存储的是有效的图片路径（相对路径要和当前HTML文件的位置对应，绝对路径要保证可访问）
• 如果路径里包含特殊字符，可能需要额外处理，但绝大多数场景下上面两种写法就足够解决问题啦。

内容的提问来源于stack exchange，提问作者Shane Byrne