一、本地相对路径和绝对路径
本地相对路径:
简单来说就是这个文件页面是在本地打开,然后相对于这个文件的路径,比如"./“就表示跟这个文件是同一级的文件也可以省略”./“直接输入文件名,”../“则表示跟这个文件的父级同级。
在ajax1.html页面上我们要取到bilibili-img.png图片,则填的相对路径可以填”../img/bilibili-img.png"
本地绝对路径:
绝对路径就是文件在磁盘中的位置,以磁盘名开头的;我们点击文件右键复制路径的那个路径就是本地绝对路径,比如我们要取到bilibili-img.png图片,直接右键复制路径:G:\H5\dom\app\img\bilibili-img.png这个就是绝对路径。
二、相对网络路径和绝对网络路径
相对网络路径:
以引用文件之网页所在位置为参考基础,而建立出的目录路径。因此,当保存于不同目录的网页引用同一个文件时,所使用的路径将不相同,故称之为相对。这个路径跟本地相对路径使用方法一样,不同的是文件是在服务器中去打开的。
比如:
用户输入网址:
“http://www.baidu.com/user/login”
打开了一个页面,在这个页面中有一个img的src是 : “./src/baidu.jpg”
请问www.baidu.com这个服务器会受到req.url是什么?
答: “/user/src/baiddu.jpg”
它真正的网址:“http://www.baidu.com/user/src/baiddu.jpg”
绝对网络路径:
以Web站点根目录为参考基础的目录路径。之所以称为绝对,意指当所有网页引用同一个文件时,所使用的路径都是一样的。格式:协议://ip:端口/文件在这个服务器文件下的位置;
以上图为例:当我们把app文件作为Web站点根目录时,我们要取到bilibili-img.png图片,则路径为:
http或https://本机ip:服务器监听端口号或者域名/img/bilibili-img.png
当我们想使用网络上的图片时,不下载使用,复制路径就是一个绝对路径:
https://i0.hdslb.com/bfs/archive/7a2a097d57ce0d7c2c46585ff98c45368e7386eb.png
三、本地相对根路径和网络相对根路径
本地相对根路径:
当我们只输入"/“时,就是相对于这个文件所在磁盘根目录下的路径,比如
我G盘下面有个图片
我运行的html文件路径是G:\H5\dom\app\src\ajax1.html
我们访问这个图片时只需填入”\bilibili.png"
<a href="\bilibili.png">点我</a>
点击就能访问到了
网络相对根路径
根本地相对根路径类似,不同的就是相对于运行这个文件的服务器的根目录了
比如:
用户输入网址: http://www.baidu.com/user/newspage
打开了一个页面,在这个页面中有一个img的src是 : “/src/baidu.jpg”
请问www.baidu.com这个服务器会收到的req.url是什么?
答:“/src/baidu.jpg”
它真正的网址是:“http://www.baidu.com/src/baidu.jpg”
四、node.js中显示路径的全局变量
全局变量 __dirname是一个字符串,代表当前js文件所在目录的路径(绝对路径)
全局变量 __filename是一个字符串,代表当前js文件的路径(绝对路径)