JS中append字符串包含onclick无效传递参数失败的解决方案

(编辑:jimmy 日期: 2026/1/29 浏览:2)

append后面跟要添加的参数

<i class="fa fa-share pointer" aria-hidden="true" title="分享" onclick="share('${img.imgId}','${img.imgTitle}','${imgCover}','http://www.liuda.tv/selectedImg"></i> 

上面这段代码如果有append添加的话,调用ajax返回参数添加参数到onclick中就会出现数据不能显示,整个js模块失效的情况,原因是onclick参数中如果包含整数又包含字符串的话,必须要给参数加单引号,而单引号在append中有默认成分割符,这样就无法正常输出参数了,即便输出了参数也都是不带单引号的参数,这样的参数会让你写的function不起作用。

解决方案,在append中要写单引号的时候用转义符,要写单引号/'   一个斜杠加单引号才是单引号!

以上所述是小编给大家介绍的JS中append字符串包含onclick无效传递参数失败的解决方案,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

一句话新闻

高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。