JavaScript使用字符串变量作为URL插入图像

Question

我正在使用JavaScript来解析XML文件。其中一个XML属性是链接到图像的URL。例如。 http://localhost/pic.jpg

随着解析的继续，我使用一个变量来保存每个URL（这是一个字符串变量），并希望我可以在一个表中显示这些图像。

以下是我的代码部分：

for(i = 0; i < row.length; i++) 
{ 
    // looping through the XML file 
    var Logo1 = row[i].getElementsByTagName("Logo")[0].childNodes[0].nodeValue; 
    //Logo1 is the string which is a URL 
    document.write("<img src= 'Logo1' width='256' height='128'>"); 
} 

我使用的是Chrome，但图像不会加载.... enter image description here

有人能帮忙吗？

Answer 1

如果Logo1是包含图像路径的变量（URL，像你说的），你需要建立img标签中包含路径的方式：

document.write('<img src="' + Logo1 + '" width="256" height="128">'); 

这样可以将Logo1字符串变量成标签的其余部分。

也就是说，从长远来看，document.write可能不适合你。你反而会创建一个新的Image对象并设置其属性src：

var testImage = new Image(); 
testImage.src = Logo1; 
// add testImage to the DOM