为什么不能只使用“ 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 + "')";
}

Why should I use "url('" + imageURL + "')" to set background image? I had tried to use "url(imageURL)" but it couldn't work.

Answer 1

ImageURL是一个variable ， url函数需要一个字符串，因此将其放在引号之间是有意义的，以便它评估其内容（图片的路径）

Answer 2

您将ImageURL用作变量，因此在引号标记内将其变为字符串，因此需要将直接图像文件放入其中