DIV CSS 佈局教程網

如下所示：

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()方法進行拼接，第二種效率要高些。

以上這篇js兩種拼接字符串的簡單方法(必看)就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持。