arttemplate可以使用js方法吗
1个回答
展开全部
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>basic-demo</title>
<script src="../../wap/js/zepto.min.js"></script>
<script src="../../wap/js/template.js"></script>
</head>
<body>
<input type='button' id='btn1' value='测试'>
<a>执行次数:</a><input type='text' id='process' value='10'>
<div id="content"></div>
<pre name="code" class="html"><!-- 定义模板 -->
<script id="test" type="text/html"> <h1><%=title%></h1><table> <% for (i = 0; i < count; i ++) { %> <tr><td>列<%= i + 1 %></td><td>列<%= i + 2 %></td><td>列<%=Math_PI()%></td></tr> <% } %></table></script><script type="text/javascript"/>
/* 定义模板可用的外部方法 */<span style="white-space:pre"> </span>
template.helper('Math_PI', function(){
return Math.PI*Math.random();
});
$('#btn1').click(function(){
var data = {
title: '基本例子',
isAdmin: true,
count:$('#process').val(),
list: ['文艺', '博客', '摄影', '电影', '民谣', '旅行', '吉他']
};
var html = template.render('test',data);//解析模板
$('#content').empty();
$('#content').append(html);//用于将解析后的html显示出来
});
</script>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title>basic-demo</title>
<script src="../../wap/js/zepto.min.js"></script>
<script src="../../wap/js/template.js"></script>
</head>
<body>
<input type='button' id='btn1' value='测试'>
<a>执行次数:</a><input type='text' id='process' value='10'>
<div id="content"></div>
<pre name="code" class="html"><!-- 定义模板 -->
<script id="test" type="text/html"> <h1><%=title%></h1><table> <% for (i = 0; i < count; i ++) { %> <tr><td>列<%= i + 1 %></td><td>列<%= i + 2 %></td><td>列<%=Math_PI()%></td></tr> <% } %></table></script><script type="text/javascript"/>
/* 定义模板可用的外部方法 */<span style="white-space:pre"> </span>
template.helper('Math_PI', function(){
return Math.PI*Math.random();
});
$('#btn1').click(function(){
var data = {
title: '基本例子',
isAdmin: true,
count:$('#process').val(),
list: ['文艺', '博客', '摄影', '电影', '民谣', '旅行', '吉他']
};
var html = template.render('test',data);//解析模板
$('#content').empty();
$('#content').append(html);//用于将解析后的html显示出来
});
</script>
</body>
</html>
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
