字符串拼接的方法总结

大家在进行字符串拼接的时候,最常用个的方法:用 + 进行拼接。
如下:

  1. var divHtml = '<div id="box">',

    +' <ul class="LearnList">',
    +' <li class="list">HTML</li>',
    +' <li class="list">CSS</li>',
    +' <li class="list">JS</li>',
    +' <li class="list">NODE</li>',
    +' <li class="list">ANGLUAR</li>',
    +' <li class="list">JSON</li>',
    +' </ul>',
    +'</div>'


  2. 还有一个简单的拼接方法:在线工具 http://www.css88.com/tool/html2js/
    一键转换
    var dataList = 
    ['<div id="box">',

    ' <ul class="LearnList">',
    ' <li class="list">HTML</li>',
    ' <li class="list">CSS</li>',
    ' <li class="list">JS</li>',
    ' <li class="list">NODE</li>',
    ' <li class="list">ANGLUAR</li>',
    ' <li class="list">JSON</li>',
    ' </ul>',
    '</div>'].join("");

  3. 最近学习到一种新的字符串拼接的方法:
    var dataList = '<div id="box">\

    <ul class="LearnList">\
    <li class="list">HTML</li>\
    <li class="list">CSS</li>\
    <li class="list">JS</li>\
    <li class="list">NODE</li>\
    <li class="list">ANGLUAR</li>\
    <li class="list">JSON</li>\
    </ul>\
    </div>'
    第一种方法大家最常用,但是有个不好的就是 自己在做模版的时候,千万注意前面的 ‘ + ’号;后面的‘ , ’号;好有差池就会有错误!
    第二种方法比较简便,不用易出错,本人用的也是比较多的
    第三种方法比较灵活,这种方式要注意一点,也是实现的关键:每一行的最后,都加上转义斜线\,但没有后续字符,只有个\。(如果报语法错误,你需要看是不是某一行后面加漏了\
    后续还会有一些好的方法给大家分享!

posted @ 2015-12-04 12:05  WhatsMax  阅读(555)  评论(0)    收藏  举报