artTemplate之辅助函数helper
作用上一节中,我们使用的变量的输出,有时候,我们需要根据变量值,输出特定的字符串内容,简单的变量输出就不能实现我们的需求了。这时候,辅助函数的作用就出来了。定义template.hel
作用
上一节中,我们使用的变量的输出,有时候,我们需要根据变量值,输出特定的字符串内容,简单的变量输出就不能实现我们的需求了。这时候,辅助函数的作用就出来了。
定义
template.helper("函数名",function(参数列表){});//定义一个辅助函数
调用
<%=函数名(参数列表)%>//这样调用即可。
实例
现要对输出的变量进行倒置,比如 abcd 输出结果为 dcba.下面是辅助函数
template.helper("format_msg",function(value){ return value.split('').reverse().join(''); });
全部代码
<!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> <script type="text/html" id="template"> <%=format_msg(msg)%> </script> </body> </html> <script src="static/js/template.js"></script> <script> var data={ msg:"您好,欢迎光临手机模板网artTemplate文档" }; template.helper("format_msg",function(value){ return value.split('').reverse().join(''); }); var html=template("template",data); document.getElementById("listbox").innerHTML=html; </script>
页面输出
上一篇:
artTemplate之数组循环
下一篇:
artTemplate之js模板渲染