如何正确嵌套引号以避免 JavaScript 选择器中的语法错误-js教程

在 html 的内联事件属性(如 `onclick`)中调用含双引号的 javascript 代码时,若选择器本身包含双引号(如 `[action*=”12345″]`),会导致引号提前闭合、语法报错;解决方法是统一外层使用双引号,内部属性值改用转义的单引号。

HTML 属性值通常由双引号(”)或单引号(’)包裹,而 document.querySelector() 的参数本身是一个字符串,其中 CSS 选择器又可能包含引号。当选择器中出现与外层 HTML 属性相同类型的引号时,就会发生解析冲突。

例如,原始写法:

<a onclick="document.querySelector('[action*="12345"] .cbSearchButton').click()">

❌ 错误原因:外层 onclick 使用双引号,而选择器内部的 “12345” 被浏览器误认为是 onclick 属性值的结束位置,导致后续内容(如 ] .cbSearchButton’)…)脱离 JS 上下文,引发语法错误或运行时异常。

✅ 正确做法:保持 onclick 外层为双引号,将选择器内部的属性值引号改为单引号并转义(因字符串本身在双引号 JS 字符串中):

夏夕资源网专注于CMS网站模板,主流语言整站网站源码下载,网站建设相关教程分享,好用的软件素材整合下载,提供一站式便捷自助服务。
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
7. 如遇到加密压缩包,默认解压密码为"zy.lucklyus.top",如遇到无法解压的请联系管理员!
夏夕资源网-网站模板_免费源码_资源素材 » 如何正确嵌套引号以避免 JavaScript 选择器中的语法错误-js教程
在线时间:12:00 - 22:00
关注微信公众号:微信公众号
站长邮箱:[email protected]
  • 运营天数: 1392+
  • 资源总数: 47989+
  • 用户总数: 1+
  • 今日更新: 0+
  • 访问次数: 4007678+
  • 本周更新: 0+
  • 最后更新: 2026-03-16

本站指数

×
  • 运营天数: 1392+
  • 资源总数: 47989+
  • 用户总数: 1+
  • 今日更新: 0+
  • 访问次数: 4007678+
  • 本周更新: 0+
  • 最后更新: 2026-03-16