Javascript 如何在图像源中使用字符串代替url
我正在尝试在div中嵌入一个图像。图像的源是动态的,它存储在JS对象“storeLocations”的属性“weathericonur”中。这就是我试图显示的每个店面对应的weatherIcon图像。下面是我正在使用的代码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
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+';
'+
也许是为了让它更容易阅读?