从Uncaught SyntaxError: Unexpected token ")" 问题看javascript:void的作用
2017-09-26 13:42
645 查看
问题
在前端编程中,突然出现Uncaught SyntaxError: Unexpected token “)”的错误,行号1。这个错误真的很隐晦,开始还以为是其他JS文件的错误,结果发现错误原来就存在当前问件中。错误场景是这样的,使用<a>X</a>作为关闭窗口的按钮,代码如下:<a href="javascript:void()" id="__sc_closeBtn" class="closeBtn" title="close"> X </a>
点完关闭后,就发生了开头提到的错误。
分析
该HTML段代码是使用JavaScript脚本动态插入到DOM树中的,当时并没有怀疑到是这个地方的问题,直到搜索相似错误时,发现有人也碰到了类似的问题。原来是<a>标签中脚本缺少了一个0。<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>a标签javascript:void(0)与javascript:void()区别</title>
</head>
<body>
<a href="javascript:void(0)" id="__sc_closeBtn" class="closeBtn" title="close"> X </a>
<a href="javascript:void()" id="__sc_closeBtn" class="closeBtn" title="close"> X </a>
</body>
</html>
点第1个“X”时,不报错,点第2个“X”时报错,而且错误位置为1行7列,可见,问题出在<a>标签中的脚本上。
引申
为什么不加0就报错呢?看一下void的定义:void 运算符避免表达式返回值。void expression expression 参数是任意有效的 JScript 表达式。 void 运算符对表达式求值,并返回 undefined.在希望求表达式的值,但又不希望脚本的剩余部分看见这个结果时,该运算符最有用。 |
在<a>标签中,href属性可以执行javascript,但若有返回值,则会发生页面跳转,页面显示值为javascript后数据:
<a href="javascript:1" id="__sc_closeBtn" class="closeBtn" title="close">javascript:1</a>
<a href="javascript:'test is ok'" id="__sc_closeBtn" class="closeBtn" title="close">javascript:'test is ok'</a>
这个不会发生跳转,但是会弹出提示框:
<a href="javascript:alert(2)" id="__sc_closeBtn" class="closeBtn" title="close">javascript:alert(2)</a>
当我们利用<a>标签不是为了页面跳转,而是为了屏蔽页面跳转,那么void函数就派上用场了:
<a href="javascript:void 0" id="__sc_closeBtn" class="closeBtn" title="close">javascript:void 0</a> 实际上,void不使用挎号也完全是可行的,使用括号是为了让代码编写得更规范。
void后接任何合法的javascript代码,均能达到不返回值、页面不跳转的效果,但显然 void 0 是最简洁的写法。
注意:
如果是表达式,则需要加上括号:
<a href="javascript:void 9+19" id="__sc_closeBtn" class="closeBtn" title="close">javascript:void 9+19</a>
<a href="javascript:void (9+19)" id="__sc_closeBtn" class="closeBtn" title="close">javascript:void(9+19)</a>
<a href="javascript:void eval(9+19)" id="__sc_closeBtn" class="closeBtn" title="close">javascript:void eval(9+19)</a> 第1个返回NaN,第2、3个不返回值。
相关文章推荐
- JavaScript Uncaught SyntaxError: Unexpected token )(…)
- 引用js文件导致“Uncaught SyntaxError: Unexpected token <”的问题
- vue-router 报错"Uncaught SyntaxError: Unexpected token }"
- ajax 跨域 jsonp对返回的json格式报错"Uncaught SyntaxError: Unexpected token :"
- 前端javascript 错误 Uncaught SyntaxError: Unexpected token ILLEGAL
- Ext错误"Uncaught SyntaxError: Unexpected token <"
- ajax跨域访问-jsonp报错:Uncaught SyntaxError: Unexpected token":"or"<"or"{"
- jsonp 跨域 Uncaught SyntaxError: Unexpected token : 的问题
- json格式字符串用jquery.parseJSON()出现的问题 Uncaught SyntaxError: Unexpected token ' Uncaught SyntaxError: Une
- jquery ajaxfileupload 上传控件 Uncaught SyntaxError: Unexpected token < 问题
- Android webview js 交互 传 json对象参数 "Uncaught SyntaxError: Unexpected token c"
- Nutz 框架下 测试 jQuery-JSONP 插件跨域调用功能(Uncaught SyntaxError: Unexpected token : 出错原因解释)
- 关于火狐和IE下href="javascript:void(0)"兼容性的问题
- 【已解决】Uncaught SyntaxError: Unexpected token in JSON at position 0
- Uncaught SyntaxError: Unexpected token )
- href=”javascript:void(0);的作用, href="#"和 href="###"
- 关于Uncaught SyntaxError- Unexpected token o in JSON at position 1,chrome持续报错的相关解析
- Uncaught SyntaxError: Unexpected token <
- Uncaught SyntaxError: Unexpected token )
- jQuery-JSONP 插件跨域调用功能(Uncaught SyntaxError: Unexpected token : 出错原因解释)