nodejs返回html页面,javascript实现页面跳转

　　如何使用Node.js进行页面跳转？本文介绍了基于节点实现html页面跳转的方法，希望对你有所帮助！

　　node.js速度课程简介：进入学习

问题描述

　　最近在用Node.js和html学习页面的相关知识。在学习页面跳转的时候，有一次跳转不成功。请在此记录，以备将来参考。

　　Node.js中主要使用express框架，前端使用html。

项目代码结构

　　这个小演示主要涉及四个文件，包括：

　　Main.js:这部分是整个项目的启动文件和入口文件；

　　Main.html:这部分是主页面的html文件；

　　New.html:要跳转到的页面的html文件；

　　Router.js:路由文件，用于根据URL和参数给出具体操作；

　　Node_modules:存储相关模块的文件夹。

　　注意：main.html和new.html在视图文件夹下。

构建main.js

　　代码部分如下：

　　const express=require(express )

　　const app=express()

　　const router=require(。/路由器’)

　　app.engine(html ，require(express-art-template ))

　　app.use(路由器)

　　app.listen(3000，()={

　　console.log(成功.)

　　})实现了端口3000的监控。

构建router.js

　　在这个文件中，我们主要是创建路由实例，监控URL和相关参数，渲染相关界面。

　　代码部分如下：

　　const express=require( express )//创建路由实例

　　常量路由器=express。路由器()

　　router.get(/，(req，res)={

　　res.render(main.html )

　　})

　　Module.exports=router //exposed接口

构建main.html

　　在这个文件下，只实现了一个超链接来实现页面的跳转。代码部分如下：

　　差异

　　A href=/new 页面跳转/a！-跳到新的一页-

　　/div

构建new.html

　　这个文档非常简单，只用一行输出语句来表示跳转成功。代码部分如下：

　　差异

　　Th成功实现跳/th。

　　/div

运行结果

　　在黑色小屏幕中输入命令：

　　Main.js代码运行成功，打开http://localhost:3000:

　　可以看到跳转页面的超链接出现了。单击此超链接：

　　页面没有实现有效跳转。

问题分析与解决

　　如果只使用html语言，可以直接跳转超链接。使用路由器后，要监控相关网址，达到跳转的目的。

　　因此，将以下代码添加到router.js中：

　　router.get(/new ，function(req，res){

　　res.render(new.html )

　　})即当URL为localhost:3000/new时，使用res.render跳转。

　　因为html的超链接和render渲染的链接是一致的，所以使用超链接跳转是可能的。

　　跳转的效果如下：

　　至此，问题解决了！

　　更多关于node的信息，请访问：nodejs教程！以上就是如何使用Node.js跳转html页面的细节。更多请关注我们的其他相关文章！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。