替換模板的變量:

js實現簡易 替換模板中對應變量

案例如下

1 定義script模板

<script id='tpl' type="text/template"><div id="$id$">名字:$name$年齡:$age$</div> </script>

2 給String原型添加方法

該方法用來:替換模板中變量對應的值

String.prototype.replaceTpl=function(objData){return this.replace(/\$\w+\$/ig, function(matVal){var res=objData[matVal.replace(/\$/g, "")];return res ? res : ""; }); };

3 使用

var oTpl=document.getElementById("tpl"); var strTpl=oTpl.innerHTML.trim(); var objData={'id':'box','name':'小王','age':'20'}; console.log( strTpl.replaceTpl(objData) );//打印替換結果

替換后的結果圖

結束

總結

以上是生活随笔為你收集整理的js实现简易版 替换模板中对应变量的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。