Html和javascript代码串联问题

Question

我正在尝试使用 javascript 附加 HTML 语法，并尝试传递带有 2 个参数的函数。但是在传递参数时我在串联中做错了一些事情。请帮忙。这是附加代码。addPanelHtml += "<li><a href='#' id='btnhistory" + i+ "' onclick='histDrpDwnEdt("+chkval+"','" + i+ ")'>History Parameters</a></li>";运行程序时出现错误：未捕获的语法错误：输入意外结束

Answer 1

尝试不要写'，而是像这样\'：

addPanelHtml += "<li><a href=\'#\' id=\'btnhistory" + i+ "\' onclick=\'histDrpDwnEdt("+chkval+"\',\'" + i+ ")\'>History 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);