arttemplate模板

来源:互联网 发布:mac响声很大 编辑:程序博客网 时间:2024/05/22 10:44
<!DOCTYPE html><html><head>    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    <title>无标题文档</title>    <script src='template.js'></script></head><body><h1>最新上映电影:</h1><div id='mydiv'></div></body></html><!--模板王者演示--><script id="arttemplate" type="text/html">    <strong>电影名称:</strong>{{name}}<br>    <strong style='color:red'>导演</strong>{{lead}}<br>    <strong style='color:green'>主演:</strong>{{role}}</script><script>    //标准json定义-- 必须有标题,必须有双引号    var film = {        name: "没人鱼",        lead: "周星驰",        role: "邓超",    };    var html = template('arttemplate', film);    document.getElementById('mydiv').innerHTML = html;// 将模板封装成一个函数BindTemplate(film,'mydiv','arttemplate')    //封装成一个函数    function BindTemplate(data, divid, Template) {        //alert(divid);        //alert(Template);        var html = template(Template, data);        document.getElementById(divid).innerHTML = html;    }</script>