script简单模板使用

html页面经常需要js动态加载内容，可以用字符串拼接的方式，但这个方法比较容易出错，代码可读性也不强，用script标签做html模板，也方便。

< ul class=’list’>< /ul>

< script type=”text/html” id=”temp”> //注意这里type要改为text/html
< li>[title][desc]< /li>
< /script>

$(function(){

        console.log("sadff");  
        var reg = new RegExp("\\[([^\\[\\]]*?)\\]", 'igm'); //i g m是指分别用于指定区分大小写的匹配、全局匹配和多行匹配。  
        var html = document.getElementById("temp").innerHTML;  
        for(var i=0;i<10;i++){  
            var source = html.replace(reg, function(node, key) {    
                return {    
                    'title' : '我是hbuilder啊，哈哈哈哈',   
                    'dateA' : '2016-09-19'  
                }[key];    //key必须要，否则会报错哦
            });    
            $(".list").append(source);  
        }    
});