简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

Javascript轻量极速的模板引擎(仅1kb)

来源:易贤网   阅读:1019 次  日期:2015-04-17 14:12:34

温馨提示:易贤网小编为您整理了“Javascript轻量极速的模板引擎(仅1kb)”,方便广大网友查阅!

Javascript轻量极速的模板引擎,支持预编译,支持嵌入原生javascript语法,忽略不存在的变量,可直接在AMD、CMD以及全局环境中使用。具体代码如下:

HTML代码:

<div id="view"></div>

<script type="text/template" id="demo">

<p>Hi, I'm <%=author%><%=anything%></p>

<p>I can write:

<%

for(var i=0; i<languages.length; i++) {

echo( (i===0?"":", ") + languages[i] );

}

%>

</p>

</script>

直接使用:

//模拟数据

var data = {

author: "Jony",

languages: ["javascript", "php", "shell"]

};

document.getElementById('view').innerHTML = tpl('#demo', data);

预编译:

//模拟数据

var data = {

author: "Jony",

languages: ["javascript", "php", "shell"]

};

//编译后就可以无限调用

var compiler = tpl('#demo');

document.getElementById('view').innerHTML = compiler(data);

HTML结果:

<p>Hi, I'm Jony</p>

<p>I can write: javascript, php, shell</p>

更多信息请查看IT技术专栏

更多信息请查看脚本栏目
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:Javascript获取时间函数
下一篇:基于AJAX.NET技术的DataGrid控件开发
易贤网手机网站地址:Javascript轻量极速的模板引擎(仅1kb)
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!