在HTML中使用做模板

有時我們會遇到在HTML中使用模板進行填充內容而又懶的使用文件操作（如XML）。
可以用本文中的方法：

html中加入標籤，注意此時類型爲text/html並在標籤中加入任意HTML結構，需要動態定製的內容可用[]括起
---------

<script type="text/html" id="item-template">
<div>[Title]</div>
<div>[Content]</div>
</script>

然後在JS中先定義用於對帶[]的內容做替換的正則表達式

var reg = new RegExp("\\[([^\\[\\]]*?)\\]", 'igm');//i gm是指分別用於指定區分大小寫的匹配、全局匹配和多行匹配。
var html =$('#item-template').html();//jquery獲取id爲item-template的element，取出裏面的內容
//再用如下方法進行內容替換，需區分大小寫
var source = html.replace(reg, function(node, key){
 
   return{'Title':'標題','Content':'往下翻'}[key];
});
alert(source);//<div>標題</div><div>內容</div>