js兩種拼接字符串的簡(jiǎn)單方法(必看)
更新時(shí)間：2016年09月02日 11:19:07 投稿：jingxian
下面小編就為大家?guī)?lái)一篇js兩種拼接字符串的簡(jiǎn)單方法(必看)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
如下所示：
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);
}
上面的代碼取自我最近寫的一個(gè)腳本，在這個(gè)函數(shù)中，正好體現(xiàn)了兩種js拼接字符串從而為DOM添加新元素，第一種方法是直接相加，第二種是利用數(shù)組的join()方法進(jìn)行拼接，第二種效率要高些。
以上這篇js兩種拼接字符串的簡(jiǎn)單方法(必看)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了JavaScript內(nèi)存泄漏的處理方式，通過(guò)理論和實(shí)例結(jié)合的方式讓你理解的更加透徹。2017-11-11
javascript實(shí)現(xiàn)最長(zhǎng)公共子序列實(shí)例代碼
最長(zhǎng)公共子序列（longest common sequence）和最長(zhǎng)公共子串（longest common substring）不是一回事兒，下面這篇文章主要給大家介紹了關(guān)于javascript實(shí)現(xiàn)最長(zhǎng)公共子序列的相關(guān)資料，需要的朋友可以參考下。2018-02-02
使用localStorage替代cookie做本地存儲(chǔ)
這篇文章主要為大家詳細(xì)介紹了使用localStorage替代cookie做本地存儲(chǔ)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-09-09
js控制按鈕,防止頻繁點(diǎn)擊響應(yīng)的實(shí)例
下面小編就為大家?guī)?lái)一篇js控制按鈕,防止頻繁點(diǎn)擊響應(yīng)的實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-02-02
javascript每日必學(xué)之循環(huán)，本文的主要內(nèi)容就是循環(huán)，死循環(huán)時(shí)進(jìn)行bug調(diào)式，感興趣的小伙伴們可以參考一下2016-02-02
這篇文章主要為大家分享了一些精彩的JavaScript代碼片段，大家喜歡的收藏一下2017-01-01
javascript使用正則表達(dá)式檢測(cè)IP地址
這篇文章主要介紹了javascript使用正則表達(dá)式檢測(cè)IP地址的方法,需要的朋友可以參考下2014-12-12
這篇文章主要介紹了使用webpack4編譯并壓縮ES6代碼，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
在iframe里的頁(yè)面編寫js，實(shí)現(xiàn)在父窗口上創(chuàng)建動(dòng)畫效果展開(kāi)和收縮的div（不變動(dòng)iframe父窗口代碼）
在iframe里的頁(yè)面編寫js，實(shí)現(xiàn)在父窗口上創(chuàng)建動(dòng)畫效果展開(kāi)和收縮的div（不變動(dòng)iframe父窗口代碼）2011-12-12
微信小程序用戶登錄和登錄態(tài)維護(hù)的實(shí)現(xiàn)
這篇文章主要介紹了微信小程序用戶登錄和登錄態(tài)維護(hù)的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12