如何使用John Resig JavaScript微模板引擎？_Javascript_Jquery_Template Engine

如何使用John Resig JavaScript微模板引擎？

javascript jquery

如何使用John Resig JavaScript微模板引擎？,javascript,jquery,template-engine,Javascript,Jquery,Template Engine,我已经搜索了一些关于在谷歌上使用该引擎的基本示例，但结果是没有结果我决定把它带给基地的人。有人能帮我举一个使用这个引擎的简单例子吗？我以前从未使用过客户端模板引擎更新：这是完整的HTML文档。多亏了威尔 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>John Resig JavaScript Micro-Templating engine</title> &l

我已经搜索了一些关于在谷歌上使用该引擎的基本示例，但结果是没有结果

我决定把它带给基地的人。有人能帮我举一个使用这个引擎的简单例子吗？我以前从未使用过客户端模板引擎

更新：这是完整的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>


John Resig JavaScript微模板引擎
//资料
var data={fname:“fred”}；
函数onloadFunction（）{
var s=$（“#biodata”）.html（）；
var s1=tmpl（s，数据）；
$（#target”）.html（s1）；
}

您提供的链接在发动机代码后面有一个示例。从第二段往下读

CB，使用您的示例，下面是我对引擎的看法，它在div标记之间输出fname的值。要执行生成，您需要执行以下操作：

var data = { fname : "fred" };
var generatedText = tmpl("biodata", data);

然后你必须输出它，例如

document.write(generatedText);

或者（假设页面中存在id为“elemId”的div）

以上所有内容都未经测试，但希望准确无误。希望有帮助

太好了，我的第一个被接受的答案！很高兴能帮上忙！=）如果你能提供一个小提琴的链接就好了。

var elem = document.getElementById("elemId");
elem.innerHTML = generatedText;