JS中字符串拼装单双引号的处理字符转义js中可能会⽤到动态追加元素,可能数据也是从后台传过来的,当然有两种思路,
1.在后台拼装好直接返回;
2.在前台js⾥⾯拼装,
如果拼装⼤量的html时可能单双引号就容易出问题;那么如何解决呢?最近遇到了这个问题,就做⼀下总结.
可以⼀句⼀句的拼装.
注意点:html元素属性全部⽤双引号
字符串⽤单引号
var htmlline='<tr id="row'+obj.idArr+'">';
htmlline +='<td >';
htmlline +='<div id="" >';
htmlline +='<div id="tdone_b_'+obj.idArr+'" >';
htmlline +='<div id="img_add_1" class="left closeImg" onclick="group.add_cate('+obj.idArr+')"></div>';
htmlline +='</div>';
htmlline +='<div id="" >'+ up_name +'</div>';
htmlline +='</div>';
htmlline +='</td>';
htmlline +='<td class="tal" >'+ formData.sort +'</td>';
htmlline +='<td >';
htmlline +='<div class="childCategory" >';
htmlline +=' <a onclick="group.add(\'b\','+obj.idArr+')" href="javascript: void(0)">添加⼦分组</a>';
htmlline +=' <a onclick="group.edit('+obj.idArr+')" href="javascript: void(0)">修改</a>';
js在字符串中添加字符
htmlline +=' <a onclick="group.dele(\'delp\','+obj.idArr+')" href="javascript: void(0)">删除</a>';
htmlline +=' <a onclick="group.useConfirm(1,'+obj.idArr+')" href="javascript: void(0)">启⽤</a>';
htmlline +='</div>';
htmlline +='</td>';
htmlline +='</tr>';
htmlline +=' <a onclick="group.dele(\'delp\','+obj.idArr+')" href="javascript: void(0)">删除</a>';
onclick中函数⽤⼀个参数为字符串,所以要加下转义字符
这样拼装的看起来较整齐,写起来费时.
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论