主攻帝国 全栈为辅

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>

页面输出