如何使用 John Resig JavaScript 微模板引擎？
我搜索了一些关于使用 John Resig JavaScript 微模板 谷歌引擎但结果干涸。
我决定把它带给基地人员。任何人都可以帮忙提供一个使用该引擎的简单示例吗？我以前从未使用过客户端模板引擎。
更新：这是完整的 HTML 文档。感谢威尔。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>John Resig JavaScript Micro-Templating engine</title>
<script src="jquery-1.3.2.js" type="text/javascript"></script>
<script src="MicroTemplates.js" type="text/javascript"></script>
<script type="text/javascript">
//Data
var data = { fname: "fred" };
function onloadFunction() {
var s = $("#biodata").html();
var s1 = tmpl(s, data);
$("#target").html(s1);
}
</script>
<script id="biodata" type="text/html">
<div><%= fname %></div>
</script>
</head>
<body onload="onloadFunction();">
<div id="target">
</div>
</body>
</html>
I have searched for a bit on a basic example on using the John Resig JavaScript Micro-Templating engine on Google but came out dry.
I decided to bring it to base guys. Can anyone help with a simple example on using this engine? I have never used a client side template engine before.
Update: This is the complete HTML document. Thanks to Will.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>John Resig JavaScript Micro-Templating engine</title>
<script src="jquery-1.3.2.js" type="text/javascript"></script>
<script src="MicroTemplates.js" type="text/javascript"></script>
<script type="text/javascript">
//Data
var data = { fname: "fred" };
function onloadFunction() {
var s = $("#biodata").html();
var s1 = tmpl(s, data);
$("#target").html(s1);
}
</script>
<script id="biodata" type="text/html">
<div><%= fname %></div>
</script>
</head>
<body onload="onloadFunction();">
<div id="target">
</div>
</body>
</html>
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
您提供的链接在引擎代码之后立即有一个示例。从第二段往下读。
CB，使用您的示例，这是我对引擎的看法，它输出 div 标签之间的 fname 值。要进行生成，您需要执行以下操作：
然后您必须输出它，例如。
或者（假设页面中存在 id 为“elemId”的 div）
以上所有内容均未经测试，但希望是准确的。希望有帮助！
The link you provided has an example immediately after the engine code. Read from the 2nd paragraph down.
CB, using your example, here is my take on the engine, which outputs the value of fname between div tags. To carry out the generation you would do something like:
Then you'd have to output it, eg.
Or (assuming a div exists in the page with the id of 'elemId')
All the above is untested, but hopefully accurate. Hope it helps!