如何在ejs中调用外部的js文件的方法？

最新推荐文章于 2024-08-08 00:48:18 发布
最新推荐文章于 2024-08-08 00:48:18 发布
阅读量193 收藏
点赞数
文章标签： 后端开发 后端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sjmdjdnd/article/details/132618310
版权

我的目录结构如下

img


我想在myTemplate.ejs中调用alert.controller.js中的方法，我写了导入

img


但还是报错

img

img


应该如何解决？

Mihailo
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
node+ejs【封装ejs模板中直接调用js方法】
南方有岛
07-14 4074
封装模块myFunction var myFunction = {}; /* * 字符串截取 * @str 截取字符串 * @start 开始截取位置 * @end 结束截取位置 */ myFunction.substring = function(str, start, end){ if(end){ return str.substring(st
在js中使用ejs标签,js中引用ejs变量
意外金喜
03-14 1万+
在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
使用express框架开发，如何在ejs文件中导入外部的js、css文件
acoolgiser的博客
04-11 8190
首先看一下这篇文章：https://blog.csdn.net/MPFLY/article/details/78134980 已经写得很清楚了，内容如下： 最近在用nodejs写一点东西，当然也用到了express框架和ejs模版了。在使用ejs模版的过程中遇到了这个问题：如何在ejs模版中导入外部的js、css文件。 我猜测，ejs和html导入外部文件的方式应该是不一样的。但是我还是决...
EJS--嵌入式js模板引擎
zouzxxi的博客
09-18 332
在HTML中引入EJS，以使js能够使用它，标签的使用方法更jsp文件很像，
ejs模板数据传入js
weixin_33928467的博客
11-29 712
最近项目遇到后台数据传入ejs模板，但前端因为制作聊天室功能需要，用户的信息。通过jade方法的思考，和查阅资料找到方法。 第一步 <script>var uid = '<%=user._id%>' <script> 原理：后台模板原理就是拼接字符串，所以可以直接使用ejs语法，在html页面内部，将后台模板值赋给一个变量 问题：如果在引用一个外部js...
JavaScript---动态获取JS的路径，解决引入JS资源加载路径不对的麻烦
COCOLI_BK的博客
05-17 2726
动态获取JS路径，处理引入静态路径，页面引入资源时，js中路径获取不到资源的问题
Javascript 获取当前JS文件路径
zsg88的专栏
03-31 3万+
1.原生Javascript获取当前JS文件路径 var file, scripts = document.getElementsByTagName("script"); file = scripts[scripts.length - 1].getAttribute("src"); 2. 在jQuery中获取当前JS文件路径 $("script").last().attr("src");
Node.js项目中调用JavaScript的EJS模板库的方法
12-23
ejs的render函数有两个参数 第一个是字符串，第二个是可选的对象，和其他javascript模版一样需要渲染的数据也是包含在option对象中的 ejs.render(str,option); // 渲染字符串 str 一般是通过nodejs文件系统的...
nodejs用gulp管理前端文件方法
01-20
标题中的“nodejs用gulp管理前端文件方法”指的是在Node.js环境下使用Gulp这个自动化构建工具来管理和优化前端开发过程中的文件。Gulp是基于Node.js的自动化任务运行器，它可以帮助开发者自动化处理常见的前端任务，...
在windows上用nodejs搭建静态文件服务器的简单方法
12-23
在windows上用nodejs搭建一个静态文件服务器，即使你一点基础没有也能学会nodejs静态文件服务器的搭建，本文介绍的非常详细，很适合零基础入门的朋友学习。 首先安装nodejs: •新建一个node文件夹 •下载node.exe到...
nodejs分离html文件里面的js和css的方法
12-12
摘要： 本文要实现的内容，使用nodejs 对文件的增删改查，演示的例子-》分离出一个html 文件里面的script 和style 里面的内容，然后单独生成js文件和css 文件。中间处理异步的api-》async/await , Promise 项目托管...
ExpressJs-- 框架中 ejs 的安装使用（引入ejs模板、Ejs 后缀修改为 Html）
muzidigbig的博客
02-15 2736
Express 中 ejs 的安装： npm install ejs --save 或者： npm install ejs --save-dev 配置 Express 使用 ejs 模板 app.set('views', config.viewPath); 配置模板文件存放的路径 app.set('view engine', 'ejs'); 配置调...
Node.JS EJS 引用本地图片/JS/CSS 方法
不 ' 二
10-24 5838
环境: Express + ejs 模板  在 ejs 文件中引入本地图片的方式: 1, 在 app.js 中配置资源目录, 比如资源目录在根据下的 public 文件夹, 配置为: app.use(express.static(path.join(__dirname, 'public'))); 2, ejs 模板中使用图片, 如: public/images/bg.jpg, 代码中这么...
ejs案例---注意引用 ejs_production.js
一份耕耘 一份收货
06-17 1390
首页 赛事列表 资讯动态 获奖作品 获奖作品
nodejs 如何引入其它js文件
热门推荐
10-14 3万+
本文通过几个具体实例来分析node.js中使用require()函数来加载模块的方法。 /*在node中,可以使用require()函数来加载模块. * require函数使用一个参数,参数值可以带有完整路径的模块的文件名,也可以为模块名.当使用node中提供的模块时,在require函数中只需要指定模块名即可. * */ //建立一个页面hello.js;代码如下 var hello
【HAProxy】haproxy七层代理
最新发布
m0_64570996的博客
08-08 981
超级超级超级详细哦哦！！！！！
服务器端常见响应码
路有瑶台的博客
08-07 320
1xx（信息性响应） 100 Continue：表示服务器已经接收到请求头，并且客户端应当继续发送请求的剩余部分，或者如果请求已经完成，则忽略这个响应。 101 Switching Protocols：表示服务器已经理解了客户端的请求，并将通过Upgrade消息头通知客户端采用不同的协议来完成这个请求。 2xx（成功响应） 200 OK：表示请求已成功，请求所希望的响应头或数据体将随此响应返回。 201 Created：表示请求成功并且服务器创建了新的资源。 202 Accepted：表示请求已经
centos7 启动python后端服务与停止服务的sh脚本
eagle89的专栏
08-07 292
centos7 启动python后端服务与停止服务的sh脚本
理解ejs.render()方法，说出在代码中如何完成向ejs模板文件中动态地渲染数据
05-27
ejs.render()是一个ejs模板引擎的渲染方法，它可以将一个ejs模板文件和数据对象作为参数，返回一个渲染后的HTML字符串。 在代码中使用ejs.render()方法，需要先安装ejs模块，并在代码中引入该模块。然后，需要定义一个ejs模板文件，其中可以使用ejs模板语法来动态地插入数据。 例如，我们可以定义一个名为"template.ejs"的模板文件，其中包含以下内容： ```html <html> <head> <title><%= title %></title> </head> <body> <h1>Welcome <%= name %></h1> </body> </html> ``` 在这个模板文件中，"<%= %>"是ejs模板语法中用来插入数据的标记，其中"title"和"name"是我们需要动态渲染的数据属性。 接下来，在代码中我们需要定义一个数据对象，包含需要渲染的数据属性，例如： ```javascript const data = { title: "My Website", name: "John" }; ``` 最后，我们使用ejs.render()方法将模板文件和数据对象作为参数传入，然后将返回的HTML字符串输出到页面中，例如： ```javascript const ejs = require("ejs"); const fs = require("fs"); const template = fs.readFileSync("template.ejs", "utf8"); const data = { title: "My Website", name: "John" }; const html = ejs.render(template, data); console.log(html); ``` 在这个例子中，我们首先使用fs模块读取模板文件，然后使用ejs.render()方法将模板文件和数据对象渲染为HTML字符串。最后，我们将渲染后的HTML字符串输出到控制台中。 当然，在实际使用中，我们通常会将渲染后的HTML字符串输出到客户端浏览器中，例如： ```javascript res.writeHead(200, {"Content-Type": "text/html"}); res.write(ejs.render(template, data)); res.end(); ``` 这样就可以动态地渲染ejs模板文件中的数据了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值