/** *由管理员于15-1-19创建*/function util(){ } function util={//某个数字正射影像图节点是否有某个属性hasAttr:函数(el，name){ var attr=El。GetAttributenode El。GetAttributenode(名称)；返回attr？attr.specified : false }，//根据班级获取元素getByClass:函数(sClass，opa租){ opa租opa租||文档；if(！opa租金。getelementsbyclassname){返回opa租金。getelementsbyclassname(SClass)；} var arr=[]；var aEle=opa租金。getelementsbytagname(' * ')；var reg=新regexp('(^|\s)'的类“( s | $)”)；//var reg=新regexp('(^|[\x20\t\r\n\f])' s类'([ x20 t r n f]| $)')；for(var I=0；长度；i ) { if (reg.test(aEle[i]).类名)){ arr。推(AeLe[I])；} }返回arr}，//动态添加样式表addSheetFile:函数（路径){ var file ref=document。createelement(' link ')文件引用。rel='样式表；文件引用。type=' text/CSS '；fileref.href=路径；file ref . media=' screenvar head obj=document。getelementsbytagname(' head ')[0]；头部物体。appendchild(文件引用)；}, //根据指定格式如${name}绑定json数据LoadJsonData:函数(sParent，oJson){ var oParent=document。getelementbyid(sParent)；if(数组的oJson实例){ var str=Opaperite。innerhtmlfor(var I=0；我是Ojson。长度-1；I){ Opapane。innerHTMl=str} for(oJson中的var d){ Opaprent。儿童.innerHTMl=Opaprent。儿童[d]。innerHTMl。替换(/ $ {( w) }/g，函数(str，$1) {返回oJson[d][$1]？oJson[d][$ 1]: " "；});} } else { opa租金。innerhtml=opa租金。innerhtml。替换(/ $ {( w) }/g，函数(str，$1) {返回oJson[$1]？oJson[$ 1]: " "；});} }, //根据指定格式如%……%绑定json数据TemplateEngine:函数(html，选项){ html=html.replace(/()|()/g，函数(str，$1，$ 2){ switch(str){ case $ 1: return " "；案例$2:返回"";} });var re=/%([^%])？%/g，reExp=/(^()？(if | for | else | switch | case | break | { | })(.*)?/g，代码=' var r=[]；n '，游标=0;var add=function (line，js) { js？（代码=line.match(reExp)？line ' n ' : ' r . push(' line ')；n') :(代码=行！='' ?r.push('' line.replace(/'/g '， ' ')' '))； n ' : ' ')；返回add} while(match=re。exec(html)){ add(html。slice(cursor，match.index))(match[1]，true)；cursor=match.index match[0].长度；} add(html.substr(cursor，html。长度-光标))；代码=' return r . join(')；返回新的功能(代码。替换(/[ r t n]/g ' ').应用（选项);}}1、第一种方式：${key}

功能1 .LoadJsonData(元素，数据);

" html "代码：

div id='data' div class='item '姓名：${name}br/年龄：${age}br/职业：$ { job } br/br///div/div JavaScript代码：

定义变量数据=[ { name: '徐磊，年龄： 24,工作： 'IT' }，姓名： '李磊，年龄： 23,工作： '翻译' } ];功能1 .LoadJsonData('data '，data)；执行结果：

2、第二种方式% 代码%

功能1 .模板引擎（字符串、对象);

' html '代码：

div id=' test3 ' % if(this。isshow){ for(var I在此。数据){ % p href=' # '姓名：%this.data[i].name%/p p href='# '年龄：%this.data[i].年龄%/p p href='# '工作：%this.data[i].作业%/p br/%}}%/divjavascript代码：

var person={ data : [{ name : '徐磊，年龄： 24,工作： 'IT' }，姓名： '李磊，年龄： 23,工作： '翻译} ]，isshow : true }文档。getelementbyid(' test3 ').innerHTML=functionUtil .模板引擎(文档。getelementbyid(' test3 ').innerHTML，person)；结果：

以上就是本文的全部内容了，小伙伴们看完是否对爪哇岛描述语言模板有了新的认识了呢，希望大家能够喜欢。