如何在URL中插入JavaScript变量？

Question

我如何在链接中插入变量x，我尝试使用“，”，但未成功：

function ChangeBackgroundImage(){
    var x = document.getElementById("backgroundimage").value;
    document.getElementById(clickedDivId).style.backgroundImage = "url(' + x + ')";
}

Answer 1

您需要更改引号的用法：

function ChangeBackgroundImage(){
    var x = document.getElementById("backgroundimage").value;
    document.getElementById(clickedDivId).style.backgroundImage = "url('" + x + "')";
}

Answer 2

解决此问题的另一种流行方法是使用template literal。

function ChangeBackgroundImage(){
    var x = document.getElementById("backgroundimage").value;
    document.getElementById(clickedDivId).style.backgroundImage = `url('${x}')`;
}

模板文字可让您将JavaScript表达式插入以美元符号为前缀的大括号内。大括号之外的所有内容均解释为 literal 字符串。