Html和javascript代码串联问题

Question

我正在尝试使用 javascript 附加 HTML 语法，并尝试传递带有 2 个参数的函数。但是在传递参数时我在串联中做错了一些事情。请帮忙。这是附加代码。

addPanelHtml += "<li><a href='#' id='btnhistory" + i+ "' onclick='histDrpDwnEdt("+chkval+"','" + i+ ")'>History Parameters</a></li>";

运行程序时出现错误：

未捕获的语法错误：输入意外结束

Answer 1

尝试不要写'，而是像这样\'：addPanelHtml&nbsp;+=&nbsp;"<li><a&nbsp;href=\'#\'&nbsp;id=\'btnhistory"&nbsp;+&nbsp;i+&nbsp;"\'&nbsp;onclick=\'histDrpDwnEdt("+chkval+"\',\'"&nbsp;+&nbsp;i+&nbsp;")\'>History&nbsp;Parameters</a></li>";

Answer 2

我强烈建议在此用例中使用模板字符串这是带有模板字符串的解决方案addPanelHtml += `<li><a href='#' id='btnhistory${i}' onclick='histDrpDwnEdt(${chkval}, ${i})'>History Parameters</a></li>`;然后您可以摆脱所有这些+ " " +连接并仅用于${}包围您的变量。到目前为止，这提高了代码的可读性。

Answer 3

我的建议：var addPanelHtml = '', i = 0, chkval = 1;addPanelHtml += '<li><a href="#" id="btnhistory' + i + '" onclick="histDrpDwnEdt(' + chkval + ', ' + i + ')">History Parameters</a></li>';console.log(addPanelHtml);