HTML Template
<div id="view"></div> <script type="text/template" id="demo"> <p>Hi, I'm <#=author#><#=undefinedVariable#></p> <#include('#tpl_job');#> <p>I can write: <# for(var i=0; i<languages.length; i++) { echo( (i===0?"":", ") + languages[i] ); } #> </p> </script>
<script type="text/template" id="tpl_job"> <p>I am a <#=job#></p> </script>
Javascript
document.getElementById('view').innerHTML = tpl('#demo', {author: "Jony", job: "Frontend Web Developer", languages: ["javascript", "php", "shell"]});
Result as below
Hi, I'm Jony
I am a Frontend Web Developer
I can write: javascript, php, shell