如何实现页面跳转(伪)

使用工具: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的中文网站学习:

Node.js (nodejs.org)https://nodejs.org/en

Node.js 中文网 (nodejs.cn)https://nodejs.cn/

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值