template
//引入包
1 | <script type= "text/javascript" src= '../template.js' ></script> |
//定义一个有ID的script标签:
1 2 3 4 5 6 7 8 9 10 11 12 | <script id= 'tem' type= "text/html" > <h4>{{name}}</h4> <ul> {{each films as value}} <li> <strong>电影名称:</strong>{{value.title}}<br> <strong style= 'color:red' >导演</strong>{{value.lead}}<br> <strong style= 'color:green' >主演:</strong>{{value.role}} </li> {{/each}} </ul> </script> |
//在另一个script里定义模版
1 2 3 4 | <script type= "text/javascript" > var html = template( 'tem' ,data); document.getElementById( 'mydiv' ).innerHTML = html; </script> |
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步