本篇内容介绍了“如何用Node.js进行html页面跳转”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!最近在使用Node.js和html学习页面的相关知识,在学习到页面跳转时,出现了跳转不成功的问题,在这里记录下,供以后参考。在Node.js中,主要使用express框架,前端则使用html。该小Demo主要涉及四个文件,包括:main.js:该部分为起始文件,是整个项目的入口文件;main.html:该部分是主页面的html文件;new.html:要跳转页面的h免费云主机、域名tml文件;router.js:路由文件,用来根据URL及参数给出具体的操作;node_modules:存放相关模块的文件夹。注:main.html和new.html两个在views文件夹下。使用npm分别install以下三个模块:expressart-templateexpress-art-template代码
部分如下:实现了对3000端口的监听。在该文件中,主要创建路由实例,对URL及相关参数实现监听,并渲染相关界面。代码
部分如下:在该文件下,只实现了一个超链接,用来实现实现页面的跳转,代码
部分如下:本文件十分简单,只是用一行输出语句来表示跳转成功,代码
部分如下:在小黑屏中输入命令
:代码成功运行,打开http://localhost:3000
:
可以看到出现了跳转页面的超链接,点击这个超链接:
页面并没有实现有效的跳转。如果纯粹使用html语言,是可以直接实现超链接的跳转的,在使用router后,应该实现对相关URL的监听才可以实现跳转的目标。于是,在router.js中补充如下的代码
:即当URL为localhost:3000/new
时,使用res.render跳转。由于html的超链接与render渲染的链接保持一致,因此可以实现使用超链接的跳转。跳转的效果如下:
“如何用Node.js进行html页面跳转”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注云技术网站,小编将为大家输出更多高质量的实用文章!
本篇文章给大家分享的是有关HTML DOM margin属性使用方法,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。向大家描述一下HTML DOM margin属性的用法,Html中margin属性…