js兩種拼接字符串的簡(jiǎn)單方法(必看)
如下所示:
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實(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-09js控制按鈕,防止頻繁點(diǎn)擊響應(yīng)的實(shí)例
下面小編就為大家?guī)?lái)一篇js控制按鈕,防止頻繁點(diǎn)擊響應(yīng)的實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-02-02javascript使用正則表達(dá)式檢測(cè)IP地址
這篇文章主要介紹了javascript使用正則表達(dá)式檢測(cè)IP地址的方法,需要的朋友可以參考下2014-12-12在iframe里的頁(yè)面編寫js,實(shí)現(xiàn)在父窗口上創(chuàng)建動(dòng)畫效果展開和收縮的div(不變動(dòng)iframe父窗口代碼)
在iframe里的頁(yè)面編寫js,實(shí)現(xiàn)在父窗口上創(chuàng)建動(dòng)畫效果展開和收縮的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