使用工具:VScode;所需环境:Node.js
ps:请自行百度,提前进行相关环境的配置(你为我为什么不展示配置环境的过程?因为博主是一只懒狗)
创建页面结构:
这里强烈建议新建一个名字为Node的文件夹,然后在该文件夹下进行环境配置、文件夹创建、和代码创建工作,以此来减轻后续更新工作的复杂程度--毕竟谁也不想从一大堆"垃圾"里面找到自己想用的代码。(来自于一位因为各种文件从不分装,最后导致最后只能初始化以重新编程的懒狗的怨念)
编写代码:
app.js:
start.html:
a.html :
b.html
启动程序:
点击app.js文件(让当前主页面为app.js),右键点击app.js文件,选中"在集成终端打开",同时在下方黑框中输入"nodemon app.js"命令,点击回车。
如图,运行成功
打开浏览器(推荐火狐),在靠上侧的输入栏中输入:"http://localhost:8080/",点击回车,跳出以下界面:
接下来点击跳转标签,就可以实现对应页面的跳转。
个人理解:
实际上原理非常简单,
a标签会在当前地址后直接附上该标签所绑定的的后缀(类似于文件夹中的目录寻访)
经由if判断(见app.js文件)后,通过readfile函数直接访问对应的文件夹。
那为什么标题中有”伪“字呢?--实际上这只是基于本地的文件访问,与真正的页面跳转相差甚远(也就是说,我们的文件全都存储在本地,而非云端)
但是,这依然支持我们完成一些炫酷的效果制作(比如利用内嵌式css代码,实现不同页面下展现出不同的背景颜色)
如果相对Node.js的更多操作有深入了解,这里推荐到Node.js的中文网站学习: