时间：2020-11-21 14:36:40 | 栏目：JavaScript代码 | 点击：次
如下所示：
function(msgArr) {
var len = msgArr.length;
var n = 0 ;
var htmlSpan = "";
for (var j = 0; j < len - 1; j++) {
htmlSpan += '<span>?</span>';
}
htmlSpan += '<span class="on">?</span>';
var imgs = [];
var img = [];
img[0] = '<a href="' + ctx + '/webservice/dish/detail?id=';
img[1] = '#';
img[2] = '"><img src="';
img[3] = '#';
img[4] = '"></a>';
for (var i = 0; i < len; i++) {
img[1] = msgArr[i].id;
img[3] = msgArr[i].pic;
imgs.push(img.join(""));
}
$("#banner_list").html(imgs.join(""));
$(".dots").html(htmlSpan);
}
上面的代码取自我最近写的一个脚本，在这个函数中，正好体现了两种js拼接字符串从而为DOM添加新元素，第一种方法是直接相加，第二种是利用数组的join()方法进行拼接，第二种效率要高些。