关于在网页拼接时出现:“Uncaught SyntaxError: missing ) after argument list”的真凶在哪里

关于在网页拼接时出现:“Uncaught SyntaxError: missing ) after argument list”的真凶在哪里

大家好,又见面了,我是全栈君。

我们在写JS的时候,有时候报错“Uncaught SyntaxError: missing ) after argument list”,有些童鞋就蒙蔽了,真凶在哪里呢?

201808311535647264188732.jpg

字面翻译过来的意思:语法错误: 参数列表后面缺少 )

这不就是缺少括号的意思么?然而只是真的缺少括号才会出现这样的报错么?不尽然。今天就在做jQuery基本事件练习的时候,被这个错误给误导不浅。来来回回找了不下三四遍,没有少括号啊?

直到……找到真正的元凶,才略微有点明白出现这样错误其实不仅仅是因为“真正”的少写了一个括号哦。

其实,如果你没些漏掉括号,我们应该去找另外的原因,比如以下代码:

$('.bannerList').append('<li><a target="_blank" href="' + bannerInfo.url + '" onclick="_gaq.push(['_trackEvent', 'app_ads_banner', 'banner', 'content_top',1,true]);"><img width="100%" alt="" src="' + bannerInfo.cover + '"></a></li>')

大家看看哪里出问题了,运行后也会报错“Uncaught SyntaxError: missing ) after argument list”。

如果看不出来,我就解释下原因,报错的原因是在onclick里面的拼接参数的问题,直接写是不行的,我们需要转义下,如下操作:

onclick="_gaq.push([\'_trackEvent\', \'app_ads_banner\', \'banner\', \'content_top\',1,true]);"

我的是这样的

//搜索用户
function permissionSearch(){
	var searchUser=$("#searchUser").val();
	var appid=$("#appid").val();
	var tdStr = '';
	$.ajax({
		type: "POST",
		dataType: "json",
		url:"/admin/app/searchUser",
		data:  { 'appid': appid, 'searchUser': searchUser },
		success: function (result) {
			$('#newUser').html(result.data.name);
			if (result.state == 1) {
				tdStr='<tr> <td  class="center">新授权人</td><td  class="center"><span id="newUser">'+ result.data.name +'( '+result.data.email+')' +'</span></td><td  class="center"><button class="btn-sm table_close btn btn-danger" id="update_permission" data-dismiss="modal2" onclick="update_permission(\''+result.appid+'\',\''+result.data.email+'\',\''+result.data.name+'\',\''+result.data.mobile+'\')">授权</button></td> </tr>';
			}else{
				tdStr = '<tr> <td colspan="15" class="center">'+result.msg+'</td></tr>';
			};
			$('tbody.table_open_data').append(tdStr);
		},
	});
}

当然有时候还跟单引号和双引号有关的,不能同时用单引号和双引号,互相包含即可,这个很多童鞋会忽略问题,这里提示下,以后记住咯。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/111458.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • JS验证身份证的合法性[通俗易懂]

    JS验证身份证的合法性

    2022年1月20日
    48
  • 华为招聘机试整理14:数组奇数偶数排序「建议收藏」

    华为招聘机试整理14:数组奇数偶数排序

    2022年1月20日
    42
  • 四旋翼飞行器1——结构和控制原理

    四轴飞行器是一个在空间具有6个活动自由度(分别沿3个坐标轴作平移和旋转动作),但是只有4个控制自由度(四个电机的转速)的系统,因此被称为欠驱动系统(只有当控制自由度等于活动自由度的时候才是完整驱动系统)四旋翼飞行器的结构可大致分为两种结构形式:“十字形”结构该种结构四个旋翼对称分布在机体的前后、左右方向,四个旋翼处于同一高度平面,且四个旋翼的结构和半径都相同,四个电机对称的安装在飞行器的支…

    2022年4月8日
    80
  • connectionstring

    connectionstring在ASP.NET开发的网站根目录,有一个名为web.config的文件,顾名思义,这是为整个网站进行配置的文件,其格式为XML格式。这里主要谈谈文件中的节。节是对连接到数据库的字符串进行配置,由于M

    2022年6月30日
    21
  • C#面试题及答案_c++面试题库

    C#面试题及答案_c++面试题库1.值变量/引用变量参考链接:https://www.cnblogs.com/bakuhert/articles/5878086.html2. 装箱/拆箱    装箱在值类型向引用类型转换时发生,拆箱在引用类型向值类型转换时发生,装箱操作和拆箱操作是要额外耗费cpu和内存资源的,所以在c#2.0之后引入了泛型来减少装箱操作和拆箱操作消耗。   参考链接:https://blo…

    2022年8月28日
    4
  • jb和jl_32纳米和22纳米有什么区别

    jb和jl_32纳米和22纳米有什么区别一个用于无符号数,一个用于有符号数,即使是在intel的官方手册中,JBE:JUMPSHORTIFBELOWOREQUALJLE:jumpshortiflessorequalbelow有人译为低于,less有人译为小于,但对于中国人来说,这两个完全是一个意思,很容易弄混…

    2025年7月22日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号