java调用js模板引擎_JavaScript模板引擎用法实例

本文实例讲述了JavaScript模板引擎用法。分享给大家供大家参考。具体如下：

这里介绍的这个模板引擎写得短小精悍，非常值得一看

tmpl.js文件如下：

// Simple JavaScript Templating

// John Resig - http://ejohn.org/ - MIT Licensed

(function() {

var cache = {};

this.tmpl = function tmpl(str, data) {

// Figure out if we're getting a template, or if we need to

// load the template - and be sure to cache the result.

var fn =

!/\W/.test(str)

cache[str] = cache[str] || tmpl(document.getElementById(str).innerHTML)

// Generate a reusable function that will serve as a template

// generator (and which will be cached).

new Function(

"obj", "var p=[],print=function(){p.push.apply(p,arguments);};" +

// Introduce the data as local variables using with(){}

"with(obj){p.push('" +

// Convert the template into pure JavaScript

str

.replace(/[\r\t\n]/g, " ")

.split("

.replace(/((^|%>)[^\t]*)'/g, "$1\r")

.replace(/\t=(.*?)%>/g, "',$1,'")

.split("\t")

.join("');")

.split("%>")

.join("p.push('")

.split("\r")

.join("\\'") +

"');}return p.join('');"

); // Function ends

// Provide some basic currying to the user

return data ? fn(data) : fn;

};

})();

index.html文件如下：

/p>

"http://www.w3.org/TR/html4/loose.dtd">

JavaScript tmpl Use Demo

// 用来填充模板的数据

var users = [

{ url: "http://baidu.com", name: "jxq"},

{ url: "http://google.com", name: "william"}

];

$(function() {

// 调用模板引擎函数将数据填充到模板获得最终内容

$("#myUl").html(tmpl("user_tmpl", users));

});

希望本文所述对大家的javascript程序设计有所帮助。

java调用js模板引擎_JavaScript模板引擎用法实例相关推荐

Java调用JS，JS调用JAVA
JAVA 调用 JS //Java端 //带参数的函数调用 final String exes = "cc.Global.setEcADVal('"+ var1 + "' ...
android java 调用js,Android中Java和JavaScript交互实例
Android提供了一个很强大的WebView控件用来处理Web网页,而在网页中,JavaScript又是一个很举足轻重的脚本.本文将介绍如何实现Java代码和Javascript代码的相互调用. 如 ...
java 调用 js性能_太快了，太变态了：什么会影响Java中的方法调用性能？
java 调用 js性能那么这是怎么回事? 让我们从一个简短的故事开始. 几周前,我提议对Java核心libs邮件列表进行更改 ,以覆盖当前final一些方法. 这刺激了一些讨论主题-其中之一是其中 ...
android java 调用js_android WebApp 集成方式怎么使用java调用js
WebAPP集成,本地打包,有两种方式java js通信 1.DCloud插件模式,参考SDK DEMO的H5Plugin, Java:继承StandardFeature写接口. public cla ...
java调用js模板引擎_JavaScript模板引擎应用场景及实现原理详解
本文实例讲述了JavaScript模板引擎应用场景及实现原理.分享给大家供大家参考,具体如下: 一.应用场景以下应用场景可以使用模板引擎: 1.如果你有动态ajax请求数据并需要封装成视图展现给用户 ...
GeoJSON转EsriJSON，Java调用js库实现
对于arcgis对象与geojson的转换,Esri官方有现成的实现,不过是基于js的,对应的github如下: https://github.com/Esri/arcgis-to-geojson-u ...
eclipse中java获取js的值_javascript – 如何在Eclipse中使用Selenium将外部.js导入我的Java测试？...
It works, but it's not very useful, because I want to make an external .js which contains all the Ja ...
thinkphp6 循环视图_ThinkPHP模板循环输出Volist标签用法实例详解
本文实例讲述了ThinkPHP模板循环输出Volist标签用法.分享给大家供大家参考,具体如下: volist 标签用于在模板中循环输出数据集或者多维数组. volist 标签在模块操作中,sele ...
Java调用js方法
js函数保存在String字符串中 package com.netease.qiyu.test.datastageservice.service.impl;import com.netease.qiy ...
java调用js示例
jdk1.8引入了js引擎功能,可以在命令行下运行js交互程序: 在jdk11之后,这个功能又去掉了. 如下代码,是一个通过js调起计算器的示例. javascript代码 function main ...

java调用js模板引擎_JavaScript模板引擎用法实例

java调用js模板引擎_JavaScript模板引擎用法实例相关推荐

最新文章

热门文章