javascript - 为什么我不能直接使用 "url(imageURL)"来设置背景图片？

Question

<img class = "preview" alt = "Styling with a Bandana" 
src = "https://s3-us-west-2.amazonaws.com/s.cdpn.io/389177/bacon.jpg"
 onmouseover = "upDate(this)" onmouseout = "unDo()">

function upDate(previewPic) 
{
 imageURL = previewPic.src;
 document.getElementById("image").style.backgroundImage =  "url('" + imageURL + "')";
}

为什么要使用"url('"+ imageURL + "')"来设置背景图片？我曾尝试使用“url(imageURL)”但它无法工作。

Answer 1

ImageURL 是一个变量，url 函数需要一个字符串，因此将其放在引号之间是有意义的，以便它计算其内容(图片路径)