解决Layui表格templet中onclick参数含引号报错问题
作者：键盘侠时间：2026-10-23 11:21:52浏览：520
本文针对Layui表格模板中a标签onclick传递参数时，因内容包含单双引号导致JS报错的问题，提供解决方案。通过移除onclick属性值的外层单引号，使浏览器正确渲染含引号的参数内容，从而避免JavaScript执行错误。
Layui表格模板中onclick参数引号处理方案
以下展示一个模板示例，该模板主要用于Layui表格列表页中的按钮操作，点击后可触发弹窗以展开显示详细信息。
<script type="text/html" id="contentTpl">
<a href='javascript:;' class="layui-btn layui-btn-danger layui-btn-xs" οnclick='showContent("{{d.CONTENT}}")' >查看内容</a>
</script>项目运行一段时间后，用户反馈点击“查看内容”无响应。经排查发现，当变量d.CONTENT的值中包含单引号或双引号时，会引发JavaScript语法错误。
为此，调整了模板代码的形式以解决该问题。
<script type="text/html" id="contentTpl">
<div><a href='javascript:;' class="layui-btn layui-btn-danger layui-btn-xs" οnclick=showContent('{{d.CONTENT}}') >查看内容</a></div>
</script>具体做法是直接去除onclick属性值外层的单引号，交由浏览器进行渲染。因为在HTML标准中，普通a标签的click事件属性值无需强制包裹单引号或双引号。
特此提醒后续开发者注意此细节，避免陷入此类陷阱。
以上即为解决Layui中templet里a标签onclick参数传递问题的完整内容，希望能为读者提供参考，并欢迎继续支持本站。
作者最新文章
免登录快速分享代码：适合面试协作的轻量级JS在线运行工具推荐
2026-11-05 14:45:59
JS空字符串和纯空格转浮点数的结果是什么
2026-11-05 11:04:42
JS在线格式化缩进混乱怎么办？配置项调整技巧
2026-11-04 23:27:25
JS怎么获取秒级时间戳
2026-11-03 21:45:29
JS时间戳怎么从毫秒转换为秒
2026-11-03 20:04:14