在ejs模板页面的js代码中使用ejs标签实例

后端代码

router.get("/ejs", (req, res) => {req.title = "hello";req.arr = ["1", 2, 3, 4, 5];req.arr2 = [{ "a1": "a1" }, { "b1": "b1" }];res.render("ejs", req);
})

ejs代码

  var title = "<%=title%>";var arr = JSON.parse('<%- JSON.stringify(arr) %>');var arr2 = JSON.parse('<%- JSON.stringify(arr2) %>');console.log("title", title);console.log("arr", arr);console.log("arr2", arr2);

结果

注意

1、普通的字符串单引号双引号都可以，<%-%>、<%=%>都可以；

2、JSON数据只能用单引号和<%-%>标签；

3、如果是外部JS文件需要引用，就需要把外部JS文件放在赋值的JS后面，不能在外部JS

文件中直接使用ejs标签；

4、如果 JSON.parse('<%- JSON.stringify(arr2) %>'); 还报错，就只能这样写了：var arr2 = <%- JSON.stringify(arr2) %>;虽然编辑器会报错，但功能是正常的。

意外金喜的博客：http://blog.csdn.net/zzwwjjdj1

更多nodejs文章： http://blog.csdn.net/zzwwjjdj1/article/details/51979869

在js中使用ejs标签,js中引用ejs变量相关推荐

js中屏蔽a标签右键中在新窗口打开功能
一.在现实开发中,开发人员需要对某些a标签的在新窗口打开进行屏蔽. 这时候问题就来了,我们该如何去屏蔽,是用js直接屏蔽a标签的右键事件呢,还是去修改本地的浏览器右键事件(不现实),我们不可能要求用户 ...
php中插入表格标签,PHP_HTML中的表格元素，一，table标签。tablegt - phpStudy
HTML中的表格元素一, 1,border属性的参数值是数字,表示表格边框宽度所占的像素点数.它也可以不带有参数值使用,仅表示该表格是有边框的.例如, 2,width和height属性的作用是指定表 ...
js 正则表达式过滤html标签,js过滤html标签的方法
在js中,可以通过 replace() 方法,将一串含有html标签的字符串中的html标签过滤掉,本文就来详细的介绍一下,js中过滤html标签的方法. js replace() 方法定义与介绍 r ...
php中的ol标签,html5中ol标签的用法详解
这篇文章主要介绍了详解HTML5中ol标签的用法,是HTML5入门学习中的基础知识,需要的朋友可以参考下定义和用法标签定义有序列表. HTML 4.01 与 HTML 5 之间的差异在 HTML ...
html中所有的标签,HTML中的所有标签及其做用！
用户提问 ,表示该文件为HTML文件 ,包含文件的标题,使用的脚本,样式定义等 ---,包含文件的标题,标题出现在浏览器标题栏中 ,的结束标志 ,放置浏览器中显示信息的所有标志和属性,其中内容在浏览器 ...
php中的ol标签,html中的ol标签如何去掉标号呢？ol标签的使用方法总结
本篇文章介绍了html的ol标签是怎么去掉序号标号的,这里还有代码的详细解释,还有介绍了关于html ol有序列表标签如何更改序号,下文介绍了三种序号,大家也可以自己去想填写怎样的序号.现在来看这篇文 ...
html中的main标签,html中div标签、section标签和acticle标签三者有啥区别,main和div
html中div标签.section标签和acticle标签三者有啥区别什么是html中的div标签.section标签和acticle标签的区别, 线索: 本来我以为这三个标签的作用差不多.后来查了 ...
python中气泡图文字标签_Excel中制作气泡图及为气泡图的系列数据点添加文本数据标签...
Excel中制作气泡图及为气泡图的系列数据点添加文本数据标签时间:2014-08-01 作者:snow 来源:互联网 Excel中的散点图可以显示两组数据之间的关系,而气泡图则可以显示三组数 ...
jsp页面中使用超链接标签a中的属性href和onclick同时触发怎么执行
参考地址:http://www.newsmth.net/pc/pccon.php?id=2206&nid=398188 代码如下:strHTML +="<a class=&qu ...

在js中使用ejs标签,js中引用ejs变量

后端代码

ejs代码

结果

注意

在js中使用ejs标签,js中引用ejs变量相关推荐

最新文章

热门文章