字符串拼接的方法总结
大家在进行字符串拼接的时候,最常用个的方法:用 + 进行拼接。
如下:
- 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>' - 还有一个简单的拼接方法:在线工具 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(""); - 最近学习到一种新的字符串拼接的方法:
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>'
第一种方法大家最常用,但是有个不好的就是 自己在做模版的时候,千万注意前面的 ‘ + ’号;后面的‘ , ’号;好有差池就会有错误!
第二种方法比较简便,不用易出错,本人用的也是比较多的
第三种方法比较灵活,这种方式要注意一点,也是实现的关键:每一行的最后,都加上转义斜线\,但没有后续字符,只有个\。(如果报语法错误,你需要看是不是某一行后面加漏了\)
后续还会有一些好的方法给大家分享!

浙公网安备 33010602011771号