Javascript没有'；不改变背景图像

这是选择框的HTML代码：

<select>
 <option onclick="bg('1.png');">Skin 1</option>
 <option onclick="bg('2.png');">Skin 2</option>
</select>

例如，当选择选项

Skin 1

时，我想更改页面的背景。但当我点击它时，任何事情都会发生。有什么想法吗

正确的图像链接是：'

请尝试此链接（无需jQuery）：

皮肤1
皮肤2
函数bg（num）{
document.body.style.backgroundImage=“url(http://mk7vrlist.altervista.org/backgrounds/“+num+”；
}

（请注意，第二个选项不会改变任何内容，因为您似乎没有该URL的图像。）

请尝试以下方法（无需jQuery）：

皮肤1
皮肤2
函数bg（num）{
document.body.style.backgroundImage=“url(http://mk7vrlist.altervista.org/backgrounds/“+num+”；
}

（注意，第二个选项不会改变任何内容，因为您似乎没有该URL的图像。）

皮肤1
皮肤2
函数bg（num）{
变量img=”http://mk7vrlist.altervista.org/backgrounds/“+num+”.png”；
var url=“url（“+img+”）”
document.body.style.backgroundImage=url；
}

皮肤1
皮肤2
函数bg（num）{
变量img=”http://mk7vrlist.altervista.org/backgrounds/“+num+”.png”；
var url=“url（“+img+”）”
document.body.style.backgroundImage=url；
}

字符串连接是问题所在<代码>“url（'http://mk7vrlist.altervista.org/backgrounds/“+num+”）”“url（'http://mk7vrlist.altervista.org/backgrounds/“+num+”）”num变量。JavaScript没有字符串插值，因此您可以省略单引号，就像在这个答案中一样，或者您可以添加

../'“+num+”…

以正确结束和启动字符串文本。回答不错。它对铬也有效吗？我在使用Mozilla，chrome有时会出现问题问题问题是您在第一组双引号中连接了

num

变量。JavaScript没有字符串插值，因此您可以省略单引号，就像在这个答案中一样，或者您可以添加

../'“+num+”…

以正确结束和启动字符串文本。

function bg(num) {
 document.body.style.backgroundImage="url('http://mk7vrlist.altervista.org/backgrounds/' + num + ')";
}

<select onchange="bg(this[this.selectedIndex].value)">
    <option value="1.png">Skin 1</option>
    <option value="2.png">Skin 2</option>
</select>

function bg(num) {
    document.body.style.backgroundImage = "url(http://mk7vrlist.altervista.org/backgrounds/" + num + ")";
}

<select onchange="bg(this[this.selectedIndex].value)">
    <option value="1.png">Skin 1</option>
    <option value="2.png">Skin 2</option>
</select>

function bg(num) {
    var img = "http://mk7vrlist.altervista.org/backgrounds/" + num + ".png";
    var url = "url(" + img + ")"
    document.body.style.backgroundImage = url;
}