轻量高效的拓扑图组件
zh

JavaScript模板

2013-05-06

原文:https://developer.mozilla.org/en-US/docs/JavaScript_templates

补充说明:原文列举了不少模板方案,但很多都已经不再维护或者久未更新,此外他所说的标准可能是mozilla自己的标准,而非w3c的标准,我简单试用了一些,感觉 PURE 方案还不错,此外大家还可以参阅这里的推荐:http://stackoverflow.com/questions/7788611/what-javascript-template-engines-you-recommend

除(Firefox)自带的XUL模板系统外,还可以使用JavaScript模板,这种方法也可以实现内容格式与结构的分离,但依赖于JavaScript模板引擎通过JavaScript业务逻辑将内容注入到模板中,不需要使用RDF/XML这样的技术

按语法风格

100%基于标准(没有自定义语法)

纯JavaScript(JavaScript函数调用生成HTML)

纯HTML(使用JavaScript选择器找出正常的HTML,按业务逻辑填充)

XSL

  • XSLTJS (实现跨浏览器支持的XSL模板)

E4X

标准友好的(自定义属性或者语法,但大部分采用标准兼容的用法)

X/HTML/E4X/XUL 自定义属性和元素

纯JavaScript嵌入在HTML/XML设计逻辑(ASP/JSP/PHP或者大括号{}风格)

自定义用法

HTML + 大括号{} 使用自定义的设计逻辑

HTML + 没有名称空间的自定义元素和属性

ASP/JSP风格的自定义逻辑,使用<%…%>

按特性

通过元素/节点匹配模板,将整个文档翻译到另一个

XSL

  • XSLTJS (跨浏览器使用的XSL模板)
Next Prev