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

How to use string in place of url in image source

本文关键字：字符串 url 图像      更新时间：2023-09-26

我正在尝试在div中嵌入一个图像。图像的源是动态的，存储在JS对象"storeLocations"的属性"weatherIconURL"中。这是我试图为每个storeLocation显示相应的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 = '<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>';

语法高亮显示（就像这里在SO上使用的一样）应该会让它在简单的视觉检查中脱颖而出。

为什么要如此频繁地使用concatinate，只需添加以下代码

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>';
相关文章：