当页面中引用template.js文件之后，脚本将创建一个TrimPath对象供你使用。
parseDOMTemplate(elementId,optionalDocument) //获得模板字符串代码
得到页面中Id为elementId的DOM组件的InnerHTML，将其解析成一个模板，这个返回一个templateObject对象，解析出错时将抛出一个异常。
optionalDocument一个可选参数，在使用iframe,frameset或者默认多文档时会有用，通常用来做模板的DOM元素师一个隐藏的<textarea>。
以上方法的到的模板(字符串)再经过process()方法进一步解析就得到了最终的源代码。
如:
var result = parseDOMTemplate(elementId,optionalDocument).process(); //用数据替换模板
这个方法也直接能用于解析字符串:
var data = { Name:"张辽" }; //不输入就包ul，输入就包你输入的那个
var result = TrimPath.processDOMTemplate("temp", data);
document.getElementById("ShowDiv").innerHTML = result;
alert("hello ${Name}".process(data)); //process()就是一个将数据解析模板的函数，这里输出hello,张辽
一步到位的方法：
TrimPath.processDOMTemplate(elementId,contextObject,optionalFlags,optionalDocument)
这是一个辅助函数，内部调用TrimPath.parseDOMTemplate()和Process()方法结果就是经过解析后生成的代码。
其作用相当于parseDOMTemplate().process()，即从textarea读取模板后替换数据。
先来看一个最简单的例子：
<html> <head> <title>TrimPath学习测试</title> <script src="/UploadFiles/2021-04-02/template.js">以上代码在页面上输出：关云长败走麦城!
其实，这个东西与C#，PHP的模板引擎，并没有本质上的区别，都是读入模板，然后替换数据。只不过，C#与PHP等后台语言，一般都从文件里面读取模板，如Html,txt等。而TrimPath就从<textarea></textarea>标签上读取模板。
条件控制示例(if () else())：
<html> <head> <title>TrimPath学习测试</title> <script src="/UploadFiles/2021-04-02/template.js">循环控制(for forelse /for):
<html> <head> <title>TrimPath学习测试</title> <script src="/UploadFiles/2021-04-02/template.js">语法结构如下：
{for varName in listExpr}
主循环体
{forelse}
当输入为null，或listExpr数量为0时
{/for}宏定义：
<html> <head> <title>TrimPath学习测试</title> <script src="/UploadFiles/2021-04-02/template.js">CDATA区域：
<html> <head> <title>TrimPath学习测试</title> <script src="/UploadFiles/2021-04-02/template.js">内联js：
<html> <head> <title>TrimPath学习测试</title> <script src="/UploadFiles/2021-04-02/template.js">结合.Net MVC后台程序再来一把：
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; namespace 测试jQuery_EasyUI.Controllers { [HandleError] public class HomeController : Controller { public ActionResult Index() { return View(); } public ActionResult GetJson() { Person p1 = new Person(1, "刘备", 30); Person p2 = new Person(2, "关羽", 28); Person p3 = new Person(3, "张飞", 36); List<Person> ListPerson = new List<Person>(); ListPerson.Add(p1); ListPerson.Add(p2); ListPerson.Add(p3); return Json(ListPerson,JsonRequestBehavior.AllowGet); } } public class Person { public Person(int id, string name, int age) { Id = id; Name = name; Age = age; } public int Id { get; set; } public string Name { get; set; } public int Age { get; set; } } }前台代码：
<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage" %> <html> <head> <title>TrimPath学习测试</title> <script src="/UploadFiles/2021-04-02/jquery.min.js">输出结果如下：
以上就是本文的全部内容，希望对大家有所帮助，谢谢对的支持！
相思资源网 Design By www.200059.com广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com相思资源网 Design By www.200059.com暂无详解Js模板引擎（TrimPath）的评论...
《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒 经典版》的玩家都可以获得奖励。