javascript 中出现missing ) after argument list的错误

2024-04-27 15:11:56

字体：大中小

来源：转载

供稿：网友

今天在写html页面中使用javaScript拼凑DOM元素时，出现“missing ) after argument list ”的错误，试了很长时间才解决，记录以便以后查看

<ul class="dropdown-menu" id="menus"><script type="text/Javascript">$(function () {$.post('/ImageManager/GetAllImageData?plugin=LS.SGYC.Management', { page: 1, rows: 100 }, function (data) { $.each(data, function (index, value) { $('#menus').append("<li><a href='javascript:void(0)' onclick='showCompareImage(" + value.ImageUrl + ")'>" + value.ImageName + "</a></li>");}) }, 'json')})</script></ul>

错误出在下面这句代码

$('#menus').append("<li><a href='javascript:void(0)' onclick='showCompareImage(" + value.ImageUrl + ")'>" + value.ImageName + "</a></li>");

主要是双引号和单引号的嵌套使用测试一、测试解决方案时，试着在value.ImageUrl处添加单引号（如下）

$('#menus').append("<li><a href='javascript:void(0)' onclick='showCompareImage('" + value.ImageUrl + "')'>" + value.ImageName + "</a></li>");

结果出现“unexpected }”的错误测试二、将最外面的双引号和内部的单引号，全部互换，如下

$('#menus').append('<li><a href="javascript:void(0)" onclick="showCompareImage("' + value.ImageUrl + ')">' + value.ImageName + '</a></li>');

发现错误任然存在。查找解决方案后，使用转义符将双引号进行转义，解决问题，最终代码如下：

$('#menus').append("<li><a href='javascript:void(0)' onclick='showCompareImage(/"" + value.ImageUrl + "/")'>" + value.ImageName + "</a></li>");

GOOD LUCK！！！

上一篇：欢迎使用CSDN-markdown编辑器

下一篇：简单粗暴的前端加解密方法