在javascript中串联字符串会导致缺少句点

在javascript中串联字符串会导致缺少句点,javascript,Javascript,我试图动态输出一个图像,但遇到了一个奇怪的问题,javascript删除了一个句号(英国英语中的句号)。这意味着输出文件位置不正确,我得到错误404 说: 你知道为什么吗 '<img style="margin-left:30px;" src="Images/Icons/' + parseInt(resultX * 10) + '.png" />\' 而不是 https//localhost/Images/Icons/100.png 如果我将最后一位修改为+'..png/>\'

我试图动态输出一个图像,但遇到了一个奇怪的问题,javascript删除了一个句号(英国英语中的句号)。这意味着输出文件位置不正确,我得到错误404

说:

你知道为什么吗

'<img style="margin-left:30px;" src="Images/Icons/' + parseInt(resultX * 10) + '.png" />\'
而不是

https//localhost/Images/Icons/100.png
如果我将最后一位修改为
+'..png/>\'

编辑


我已按建议删除倒数第二个字符
\
。问题仍然存在。

尝试使用模板文本。这对我很有效

var resultX = 10;
var output =`<img style="margin-left:30px;" src="Images/Icons/${resultX*10}.png"/>`
console.log(output)
var resultX=10;
无功输出=``
console.log(输出)

我想你在这方面做了多余的“\”

“\”
当我移除它时

(function(){
        var resultX = 10;
        var str = '<img style="margin-left:30px;" src="Images/Icons/' + parseInt(resultX * 10) + '.png" />';
        $('.row').append(str);
    })();
(函数(){
var-resultX=10;
var-str='';
$('.row').append(str);
})();
它将显示:

<img style="margin-left:30px;" src="Images/Icons/100.png">

删除最后的
\
,你的代码就足够好了。这就是我在chrome开发者工具中尝试的


末尾的反斜杠“\`是干什么的?请尝试删除它,因为它通常用于转义特殊字符。然后将外部单引号替换为反斜杠。``无法复制。模板文字:
用反斜杠换行````和
${/code>替换
'+
和结束的
}
替换
+”
你好,Rishikesh。我不明白你删除了什么字符。最后一个字符。该字符允许你在输出html时跳转到下一行。我删除了它,但问题仍然存在。嗯,这正是我尝试过的。看看我附加的图像。你能试试吗?我会建议他使用ES6启动
'<img style="margin-left:30px;" src="Images/Icons/' + parseInt(resultX * 10) + '.png" />\'
(function(){
        var resultX = 10;
        var str = '<img style="margin-left:30px;" src="Images/Icons/' + parseInt(resultX * 10) + '.png" />';
        $('.row').append(str);
    })();
<img style="margin-left:30px;" src="Images/Icons/100.png">