artTemplate之js模板渲染
定义说明原来的调用方式是需要在html中书写script的模板代码，现在的这种方法，模板代码是用js代码来进行拼接。这样做的好处是，我们可以利用artTemplate来写一些组件，以方便我们
定义说明
原来的调用方式是需要在html中书写script的模板代码，现在的这种方法，模板代码是用js代码来进行拼接。这样做的好处是，我们可以利用artTemplate来写一些组件，以方便我们在网页中进行单独直接调用，降低了代码的耦合性。
使用方法
第一步，使用template.compile(模板代码);//将模板代码编译成渲染函数
第二步，使用上述返回的渲染函数，例如为 render,再调用 render(数据);进行渲染，返回需要的html字符串。
实例
var templatestr='<%=msg%>';
var data={
msg:"您好，欢迎光临手机模板网artTemplate文档",a:1,b:2
};
//将模板字符串编译成渲染函数
var render=template.compile(templatestr);//将模板字符串，编译成渲染函数，render
var html=render(data);//利用render渲染数据
document.getElementById("listbox").innerHTML=html;完整代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>artTemplate之hello world_手机模板网</title>
</head>
<body>
<div id="listbox"></div>
</body>
</html>
<script src="static/js/template.js"></script>
<script>
var templatestr='<%=msg%>';
var data={
msg:"您好，欢迎光临手机模板网artTemplate文档",a:1,b:2
};
//将模板字符串编译成渲染函数
var render=template.compile(templatestr);//将模板字符串，编译成渲染函数，render
var html=render(data);//利用render渲染数据
document.getElementById("listbox").innerHTML=html;
</script>网页显示
下一篇:
百度编辑器ueditor代码高亮使用方法