ASP.NET onclick事件报错：Uncaught SyntaxError: 参数列表后缺少)

错误根源 #

你的代码存在两个关键问题，直接导致了JS语法解析错误：

1. 字符串参数未被引号包裹：@adGroup.Name和员工姓名都是字符串类型，但直接输出到onclick事件中时没有添加引号，JS会将这些内容视为标识符而非字符串，触发语法错误。
2. 员工姓名拼接逻辑错误：@employee.FirstName @employee.LastName在Razor渲染后会生成类似John Doe的裸文本，没有引号的情况下，JS会把John和Doe当成两个独立的参数，破坏了原有的参数列表结构，最终抛出"missing ) after argument list"错误。

修复方案 #

修改onclick事件的参数传递方式，给所有字符串参数添加引号，并正确拼接员工姓名：

方案一：直接用引号包裹（适用于内容不含特殊字符的场景）

<a id="@employee.Id" class="col-2 btn btn-success" onclick="NewAdGroupDeletionRecord('@adGroup.Name', '@employee.FirstName @employee.LastName', false)">
    <i class="bi bi-check"></i>
</a>

方案二：使用Json.Encode处理特殊字符（更安全，避免单引号/双引号转义问题）

如果姓名或组名中包含单引号等特殊字符，推荐用Razor的Json.Encode方法自动处理转义：

@using System.Web.Script.Serialization
@{
    var serializer = new JavaScriptSerializer();
}

<a id="@employee.Id" class="col-2 btn btn-success" onclick="NewAdGroupDeletionRecord(@Html.Raw(serializer.Serialize(adGroup.Name)), @Html.Raw(serializer.Serialize($"{employee.FirstName} {employee.LastName}")), false)">
    <i class="bi bi-check"></i>
</a>

验证效果 #

修复后，渲染出的HTML会变成符合JS语法的格式：

<a id="18" class="col-2 btn btn-success" onclick="NewAdGroupDeletionRecord('SalesGroup', 'John Doe', false)">
    <i class="bi bi-check"></i>
</a>

此时JS能正确识别三个参数，不会再抛出语法错误。

内容的提问来源于stack exchange，提问作者Lucas Rohrbach