JS中字符串拼裝 單雙引號的處理 字符轉義

js中可能會用到動態追加元素,可能數據也是從后台傳過來的,當然有兩種思路,

1.在后台拼裝好直接返回;

2.在前台js里面拼裝,

 

如果拼裝大量的html時可能單雙引號就容易出問題;那么如何解決呢?最近遇到了這個問題,就做一下總結.

 

可以一句一句的拼裝.

注意點:html元素屬性全部用 雙引號 

字符串用單引號

 

var htmlline='<tr id="row'+obj.idArr+'">';

htmlline +='<td style="text-align: left;padding-bottom:0px;">';

htmlline +='<div id="" style="float:left;">';

htmlline +='<div id="tdone_b_'+obj.idArr+'" style="float:left">';

htmlline +='<div id="img_add_1" class="left closeImg" onclick="group.add_cate('+obj.idArr+')"></div>';

htmlline +='</div>';

htmlline +='<div id="" style="float:left">'+ formData.group_name +'</div>';

htmlline +='</div>';

htmlline +='</td>';

htmlline +='<td class="tal" style="padding-bottom:0px;text-align: center;">'+ formData.sort +'</td>';

htmlline +='<td style="text-align: center;padding-bottom:0px;">';

htmlline +='<div class="childCategory" style="margin-left: 46px;">';

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>';

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中函數用一個參數為字符串,所以要加下轉義字符

這樣拼裝的看起來較整齊,寫起來費時.