JavaScript模板简介

除(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模板)
参考文章:http://www.ycoder.com/2013/05/javascript%E6%A8%A1%E6%9D%BF/
comments powered by Disqus