html页面怎么载入模板,使用script标签来做html页面的模板

html页面经常需要js动态加载html内容，一般都采取js拼接html 的方式实现，最近发现可以使用

script html模板

* {

font-family: Arial "微软雅黑";

}

#addBtn{

background-color: #fff;

display: block;

padding:3px 20px;

border:1px solid #E0E0E0;

color:#888;

border-radius: 10px;

}

.list {

border:1px solid pink;

padding:10px

}

p{

color: goldenrod;

}

[title]

[dateA]

$(function(){

$("#addBtn").click(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];

});

$(".list").append(source);

}

});

});