baiduTemplate——js模板引擎使用

最新推荐文章于 2024-03-29 09:47:11 发布

弹琴弹琴

最新推荐文章于 2024-03-29 09:47:11 发布

阅读量1.4k

点赞数

分类专栏：模板引擎点滴知识文章标签： javascript baiduTemplate

本文链接：https://blog.csdn.net/bbsyi/article/details/50777500

版权

模板引擎点滴知识专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title>test</title>


<script type="text/javascript" src="./baiduTemplate.js"></script>

</head>
<body>
<div id='result'></div>


<script id="t:_1234-abcd-1" type="text/html">
<div>
    
    
    <h1>title:<%=title%></h1>
    
    <%if(list.length>1) { %>
        <h2>输出list，共有<%=list.length%>个元素</h2>
        <ul>
            
            <%for(var i=0;i<5;i++){%>
                <li><%=list[i]%></li>
            <%}%>
        </ul>
    <%}else{%>
        <h2>没有list数据</h2>
    <%}%>
</div>
</script>



<script type="text/javascript">
var data={
    "title":'欢迎使用baiduTemplate',
    "list":[
        'test1:默认支持HTML转义，如输出<script>，也可以关掉，语法<:=value> 详见API',
        'test2:',
        'test3:',
        'test4:list[5]未定义，模板系统会输出空'
    ]
};

//使用baidu.template命名空间
var bt=baidu.template;

//可以设置分隔符
//bt.LEFT_DELIMITER='<!';
//bt.RIGHT_DELIMITER='!>';

//可以设置输出变量是否自动HTML转义
//bt.ESCAPE = false;

//最简使用方法
var html=bt('t:_1234-abcd-1',data);

//渲染
document.getElementById('result').innerHTML=html;
</script>

</body>
</html>

弹琴弹琴

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
baiduTemplate——js模板引擎使用

&lt;!doctype html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset="utf-8"/&gt;&lt;title&gt;test&lt;/title&gt;&lt;!-- 引入baiduTemplate --&gt;&lt;script type="text/javascript"
复制链接

扫一扫

专栏目录