<html> <head> <meta charset="utf-8"> <title>Template7 实例教程 - 手册网 </title> </head> <body> <div id="test"> </div> <script id="template" type="text/template7"> <p>Hello, my name is {{firstName}} {{lastName}}</p> </script> <script type="text/javascript" src="//ku.shouce.ren/libs/template7/1.1.0/template7.min.js"> </script> <script> // html string var template = document.getElementById('template').innerHTML; // compile it with Template7 var compiledTemplate = Template7.compile(template); // Now we may render our compiled template by passing required context var context = { firstName: 'John', lastName: 'Doe' }; document.getElementById('test').innerHTML=compiledTemplate(context); </script> </body></html>