使用变量在引号中的原因是为了在JavaScript中进行字符串插值。现代的JS具有模板字面量语法，可以实现字符串插值的能力。模板字面量使用一对外部反引号（`）来界定，而不是传统的单引号或双引号。

在模板字面量中，使用${}包裹要评估的表达式来进行插值。表达式的结果将成为插入的值。

解决方法是使用模板字面量中的变量进行字符串插值。在上述示例中，images[0]是一个变量，它被插入到url()函数中，作为背景图片的URL。

通过使用模板字面量，可以在字符串中直接插入变量值，而不需要使用字符串连接符（+）或使用变量与字符串进行拼接的方式。这样可以使代码更加简洁和易读。

使用变量时，将其放在引号内部的原因是因为在JavaScript中，字符串是由引号括起来的字符序列。在引号内部，我们可以使用变量来动态地构建字符串。

然而，在上述代码中，将变量放在引号内部是不起作用的。原因是在引号内部，JavaScript将变量视为字符串的一部分，而不是变量本身。这导致在代码中使用变量时，无法正确解析变量的值。

要解决这个问题，我们可以使用字符串模板（Template literals）。字符串模板是一种特殊的字符串，可以包含表达式或变量，并且可以在字符串中进行插值。在ES2015（也被称为ES6）中，JavaScript引入了字符串模板，使用反引号（`）作为字符串的开始和结束标记。

使用字符串模板，我们可以简化上述代码，使其能够正确解析变量的值。我们可以将变量放在`${}`中，并将其嵌入到字符串中。修复后的代码如下所示：

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

使用字符串模板，可以更清晰地表达代码的意图，并且可以动态地构建字符串。这种方法在编写JavaScript代码时非常常用。

更多关于字符串模板的信息可以在以下链接中找到：

Docs: [https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals)

使用javascript中的变量在引号中的原因是为了将变量的值与引号中的其他字符串连接起来形成一个新的字符串。这种情况可能会导致问题，因为如果不正确地在变量和引号之间添加连接符，则会导致语法错误。

解决这个问题的方法有两种。第一种方法是在引号中使用加号（+）将变量和其他字符串连接起来。例如，在上面的代码中，可以使用以下方式解决问题：

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

另一种解决方法是使用模板字面量。模板字面量使用反引号（`）而不是引号，并使用${}来插入变量的值。例如，在上面的代码中，可以使用以下方式解决问题：

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

这两种方法都可以正确地将变量的值与其他字符串连接起来，以便在javascript中使用。选择哪种方法取决于个人的偏好和代码的可读性。