JS错误：Uncaught SyntaxError: Unexpected token ILLEGAL

最新推荐文章于 2025-05-30 16:54:03 发布

原创最新推荐文章于 2025-05-30 16:54:03 发布 · 4.3w 阅读

CC 4.0 BY-SA版权

文章标签：

39 篇文章

订阅专栏

本文深入探讨了在使用JS和jQuery动态添加HTML元素时，关于引号与转义符的正确使用方法，特别关注了`onmouseover`事件属性中的引号使用错误及其解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$('tbody', '#' + tableId).append('<tr onmouseover="this.style.backgroundColor=\'#eeeeee\'">xxx</tr>');

用js的onmouseover鼠标事件动态改变背景色

如果是this.style.backgroundColor=#eeeeee

将出现Uncaught SyntaxError: Unexpected token ILLEGAL错误未捕获的SyntaxError：意外的非法标记

如果改为this.style.backgroundColor="#eeeeee"或者this.style.backgroundColor=\"#eeeeee\"

将出现Uncaught SyntaxError: Unexpected token }错误未捕获的SyntaxError：意外的标记 }

因为 onmouseover="this.style.backgroundColor=#eeeeee" 外面已经有一对引号了

正确的做法应该是 onmouseover="this.style.backgroundColor=\'#eeeeee\'" ，总之就是引号标记错误

还有更绕的

var s = "\""+dataObj[$(th_obj).attr('SID')]+"\"";
dataObj = "<a href='#' onMouseOver='mouseOver(this,event,"+s+");'>.....</a>"; //s是变量

在用js，jquery动态添加数据的时候尤其注意‘ ”有时还需要转义。