Javascript to build HTML

Javascript to build HTML

本文关键字：HTML build to Javascript      更新时间：2023-09-26

这个可能很简单，但我一直没能理解。我有Javascript代码，它在DOM中构建元素（使用服务器脚本中的JSON）。有些元素有"onclick"调用，我想将ID变量传递给它。

我似乎无法正确理解onclick="downloadImg("' + d.data_id + '")"语法。应该是什么。下面的代码不起作用。谢谢

temp_html = temp_html + '<img src="/link/to/img.png" onclick="downloadImg("' + d.data_id + '")">';

如果使用双引号，则会关闭上一个引号，因此会产生冲突。因此，将"替换为单引号+转义''，如下所示：

temp_html = temp_html + '<img src="/link/to/img.png" onclick="downloadImg(''' + d.data_id + ''')">';

您的行应该是：

temp_html = temp_html + '<img src="/link/to/img.png" onclick="downloadImg(''"' + d.data_id + '''")">';

你基本上有很多层引号，所以双斜线
创建''"在输出到HTML 后转义引号的输出中

<img src="/link/to/img.png" onclick="downloadImg("' + d.data_id + '")">';

这将解决类似的问题：<img src="/link/to/img.png" onclick="downloadImg("1")">

正如您所看到的，双引号中有双引号。应该这样做：

<img src="/link/to/img.png" onclick="downloadImg(''' + d.data_id + ''')">

将双引号改为单引号并转义：

onclick="downloadImg(''' + d.data_id + ''')"

相关文章：