使用JavaScript使用URL的一部分定义image src标记

Question

使用下面的代码，我可以从URL中获取一个没有斜杠的变量到我的HTML中。

    var pathArray = location.pathname.split( '-' );
    var URLwithoutDashes = pathArray[0];
    var URLwithoutSlash = URLwithoutDashes.substring(1);
    document.write(URLwithoutSlash);

现在我想将它用作我的img src标签（扩展名为.png），但我无法弄清楚如何做到这一点。下面的代码似乎不起作用。

    var pathArray = location.pathname.split( '-' );
    var URLwithoutDashes = pathArray[0];
    var URLwithoutSlash = URLwithoutDashes.substring(1);
    document.write("img src=\""URLwithoutSlash".png\">");

我该如何解决这个问题？

Answer 1

这一行：

document.write("img src=\""URLwithoutSlash".png\">");

应该是：

document.write("<img src=\"" + URLwithoutSlash + ".png\">");

Answer 2

使用

document.write("<img src=\"" + URLwithoutSlash + ".png\" />");