Javascript 如何在图像源中使用字符串代替url

Javascript 如何在图像源中使用字符串代替url,javascript,html,image,Javascript,Html,Image,我正在尝试在div中嵌入一个图像。图像的源是动态的,它存储在JS对象“storeLocations”的属性“weathericonur”中。这就是我试图显示的每个店面对应的weatherIcon图像。下面是我正在使用的代码 var block = '<div>'+'<p><b>'+storeLocations[i].accountName+'</b></p>'+ '<p&g

我正在尝试在div中嵌入一个图像。图像的源是动态的,它存储在JS对象“storeLocations”的属性“weathericonur”中。这就是我试图显示的每个店面对应的weatherIcon图像。下面是我正在使用的代码

var block = '<div>'+'<p><b>'+storeLocations[i].accountName+'</b></p>'+
                             '<p>Min Temp: '+storeLocations[i].minTemp+'</p>'+
                             '<p>Max Temp: '+storeLocations[i].maxTemp+'</p>'+
                             '<img src="storeLocations[i].weatherIconURL"/>'+
                        '</div>';
var block=''+''+storeLocations[i].accountName+'

'+ “最低温度:”+storeLocations[i].minTemp+”

'+ “最高温度:”+storeLocations[i]。最高温度+”

'+ ''+ '';

图像无法显示。我也尝试过使用转义符。

在字符串中包含变量的方式与所有其他变量不同。注意到区别了吗?这应该能帮你解决问题:

var block = '<div>'+'<p><b>'+storeLocations[i].accountName+'</b></p>'+
            '<p>Min Temp: '+storeLocations[i].minTemp+'</p>'+
            '<p>Max Temp: '+storeLocations[i].maxTemp+'</p>'+
            '<img src="' + storeLocations[i].weatherIconURL + '"/>'+
            '</div>';
var block=''+''+storeLocations[i].accountName+'

'+ “最低温度:”+storeLocations[i].minTemp+”

'+ “最高温度:”+storeLocations[i]。最高温度+”

'+ ''+ '';

语法突出显示(如本文所使用的语法突出显示)应该使这一点在简单的视觉检查中脱颖而出。

为什么要使用concatate这么多,只需添加此代码即可

var block = '<div><p><b>'+storeLocations[i].accountName+'</b></p><p>Min Temp: '+storeLocations[i].minTemp+'</p><p>Max Temp: '+storeLocations[i].maxTemp+'</p><img src='+storeLocations[i].weatherIconURL+'/></div>';
var block=''+storeLocations[i].accountName+'

最小温度:'+storeLocations[i].minTemp+'

最大温度:'+storeLocations[i].maxTemp+'


'+
也许是为了让它更容易阅读?