Javascript 语法错误 : Unexpected token '}'

Question

我有以下简单代码，但由于某种原因它会抛出意外标记“}”错误，我不完全确定原因。我有以下代码来生成按钮

var OverlayMessage = ("Do you want to test these settings? <br> <h6>" + protocol + ":" + systemcodeSend + "-" + unitcode + " sending " + state + '</h6> <br> <a id="btnGreen" onclick="checkIfSettingsWork("' + protocol +'", "'+ systemcodeSend +'", "'+ unitcode +'", "'+ state +'");">Yes</a> <a id="btnRed" onclick="toggleVisibility(\'overlayAddDevice\')">No</a>');
        console.log(OverlayMessage);
        overlayMessage(OverlayMessage);

console.log输出如下

<a id="btnGreen" onclick="checkIfSettingsWork("pollin", "31", "14", "on");">Yes</a>

奇怪的是，如果我从调试器运行，它可以正常运行而不会出错。但是，当通过 onclick 事件运行时，它会抛出意外的 token 错误。

函数 checkIfSettingsWork 甚至没有运行，我通过让它登录到控制台来检查它，当由 onclick 事件运行时它没有返回任何内容但是当我通过调试器运行以下 javascript 时它有效。

checkIfSettingsWork("pollin", "31", "14", "on");

这是 checkIfSettingsWork 函数。

function checkIfSettingsWork(protocol, systemcodeSend, unitcode, state) {
    console.log(protocol + systemcodeSend + unitcode + state)

}

Answer 1

这是无效的 html:

 <a id="btnGreen" onclick="checkIfSettingsWork("pollin", "31", "14", "on");">Yes</a>

" 字符提前结束您的 onclick 属性，因此浏览器最终将其解释为 onclick="checkIfSettingsWork("。

将其更改为解决方法:

<a id="btnGreen" onclick="checkIfSettingsWork('pollin', '31', '14', 'on')">Yes</a>