javascript - javascript中url标签中的图像位置

Question

我有一个变量，可以在其中动态填充图像位置。

我需要使用该变量更改背景图像。我无法找到一种方法来做到这一点。

var myImg = '/images/example1.jpg';

document.body.style.background = "url(myImg) no-repeat"; 

这似乎不起作用。

是否存在语法问题或者应该以不同的方式完成？

Answer 1

myImg is the literal word in side the string. Use concatenation to use the variable:

document.body.style.background = "url(" + myImg + ") no-repeat";

Answer 2

我喜欢这种方式

var bodyStyle = 文档.body.style;

bodyStyle.backgroundImage = 'url(' + yourImage + ')';

bodyStyle.backgroundRepeat = '不重复'