21xrx.com
2024-11-08 21:09:20 Friday
登录
文章检索 我的文章 写文章
使用 Node.js 渲染 HTML 并引入 JavaScript
2023-07-12 15:33:09 深夜i     --     --
Node js 渲染HTML 引入JavaScript

Node.js 是一个基于 JavaScript 运行的开源服务器端环境,它可以让开发者使用 JavaScript 来编写后端代码,同时还支持渲染 HTML 和引入 JavaScript。

在 Node.js 中,使用模板引擎可以方便地渲染 HTML,而且支持传递参数动态生成页面内容。常见的模板引擎有 EJS、Handlebars 和 Pug 等。

以 EJS 为例,我们可以使用以下代码来渲染一个页面:


const express = require("express");

const app = express();

app.set("view engine", "ejs");

app.get("/", (req, res) => {

 res.render("index", { name: "张三" });

});

在上述代码中,我们设置了视图引擎为 EJS,然后在访问根路由时,使用 `res.render` 方法渲染了一个名为 `index` 的页面,并传递了一个 `name` 参数。在 EJS 中,我们可以通过 `<%= name %>` 来输出这个参数的值。

除了 HTML,Node.js 也可以引入 JavaScript 文件。比如我们可以在 HTML 中使用以下代码引入一个 JavaScript 文件:


<script src="myScript.js"></script>

这个 JavaScript 文件可以是后端生成的,也可以是前端写好的。在 Node.js 中,我们可以使用以下代码将一个 JavaScript 文件作为响应返回给客户端:


app.get("/myScript.js", (req, res) => {

 res.sendFile(__dirname + "/public/myScript.js");

});

在上述代码中,我们使用 `res.sendFile` 方法将 `myScript.js` 文件作为响应返回给客户端。

总结来看,Node.js 不仅可以渲染 HTML,而且还能够引入 JavaScript 文件。这样就能够在后端使用 JavaScript 进行页面渲染和业务逻辑处理,同时也能够在前端使用 JavaScript 实现丰富的交互效果。

  
  

评论区

{{item['qq_nickname']}}
()
回复
回复
    相似文章