javascript - 使用 JavaScript 使用 URL 的一部分定义图像 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\" />");