html字符串拼接时，预防元素也变成字符串

构造100条数据

var datas = [];

for(var i = 1; i <=100; i++){

datas.push('item' + i);

}

第一种方法：

    var resultHtml = '';
    for(var i = 0, len = datas.length; i < len; i++){
        resultHtml += '<li>' + datas[i] + '</li>';
    }
    resultHtml = '<ul>' + resultHtml + '</ul>'

    第一种最直接的，也是初学者就会想到的方式，所有项都直接用字符串拼接的方式，当然效率也最差了。

第二种方法：

    var resultHtml = '';
    var tempDatas = [];
    for(var i = 0, len = datas.length; i < len; i++){
        tempDatas.push('<li>' + datas[i] + '</li>');
    }
    resultHtml = '<ul>' + tempDatas.join('') + '</ul>';

    第二种稍微高级一点，有考虑过效率问题的基本会采用这种，用数组的方式把每一项压进去，最后join一下

第三种方法：

    var resultHtml = datas.join('</li><li>');
    resultHtml = '<ul><li>' + resultHtml + '</li></ul>';

    第三种其实也简单，只是有些人可能会想不到,当然效率也最高

来源于：http://zhidao.baidu.com/link?url=9CDR9HKkl6_ATo8Kfy0r7Egyhwqm4imiwJHPrUSO-oDzm7Wdck4YFeDes5aVcP1Utl7fwfu1wXPHw_o-4aD_duAWG-tWnfXnfhggHUkhFvK