关于JS中拼接变量写法

JS中拼接字符串，如果符号不正确就会报各种错误，不同的浏览器报的错还不一样，以下为常见的两种拼接变量的格式：

1.在js中，用ajax返回数组，拼接一个HTML页面格式：

拼接HTML时，如果复杂可以分开，写一个函数，然后在拼接HTML中调用；

if(formlist.length>0){
for (var i = 0; i < formlist.length; i++) {
    if(formlist.length > 0){
var Dhao  = "'";

var txt1 = '<dl>';

                var txt2 = '<dt οnclick="window.location='+Dhao+formlist[i].srcurl+Dhao+';" >';//原本的方法

var txt2 = '<dt οnclick="checkts(\''+formlist[i].unid+'\')">';   //调用函数，避免了很多的分号
var txt3 = '<h3>'+formlist[i].tsdh+'</h3>';
var txt4 = '<p></p>'+formlist[i].tshj+'</dt><dd>';

var txt5 = '<a class="ui-link" href="id='+formlist[i].unid+'" data-ajax="false">

阅读详情</a></dd></dl>';

var txt7 = '<input style="display:none;" type="hidden" class="hasdatainput" value="hasdata"/>';
var txt6 = txt1+txt2+txt3+txt4+txt5+txt7;
$("#scrollindiv").append(txt6);
console.log($("#scrollindiv").html());
  }
}
}

function checkts(unid){
window.location='commonweb.action?27b1a6&unid='+unid ;  //一般情况用+号连接

};

2.js在传值时，采用for循环，传入动态id

for(var i=0;i<diclist.length;i++){
var obj = diclist[i];
console.log(obj);
$("#sdiv_flowcode").append('<button name="btn_flowcode" id="btn_flowcode_'+obj.nodename+'" dicitemid="'+obj.nodename+'" οnclick="searFlowcode(this);" '+' class="xbutton xbutton-square xbutton-caution xbutton-small " >'+obj.nodename+'</button>&nbsp;&nbsp;');

}

var sv = $("#sdiv_flowcode").val();

if(sv!=""){
$("#btn_flowcode_"+sv).addClass("xbutton-caution"); 
}else{
$("#btn_flowcode_").addClass("xbutton-caution"); 
}