js拼接字符中包含的js方法无法解析

冬冬冬冬冬冬冬冬冬冬

于 2016-06-24 17:41:08 发布

阅读量2.4k

点赞数

分类专栏： js web 文章标签：元素特殊字符 html特殊字符拼接 js拼接字符串 js拼接html js拼接错误

本文链接：https://blog.youkuaiyun.com/chaoyangzhixue/article/details/51754762

版权

web 同时被 2 个专栏收录

29 篇文章

订阅专栏

7 篇文章

订阅专栏

本文介绍在HTML页面中使用AJAX请求返回JSON数据并拼接到HTML元素时，如何正确处理包含JS方法等特殊字符的字符串，确保其能被正确显示。

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

　　在html页面上，使用ajax请求接口返回json数据，然后拼接成html元素展示的时候，如果字符串中包含js方法，则一定要使用转移字符将特殊字符转义，否则包含js方法等特殊元素的字符串，将无法正常拼接为html元素。
　　实例：如下列代码，将包含js方法等特殊元素的字符串，拼接为html的li元素。

li = "<div class=\"swiper-slide\"><a href=\"#\" onclick=\"ad('" + item.url + "', '广告位1');\"><img src=\"" + item.pic + "\"  /></a></div>";

$("#uiList").append(li);