了解各种路径

路径可分为相对路径和绝对路径

再一步细分本地相对路径和本地绝对路径、网络相对路径和网络绝对路径、本地相对根路径和网络相对根路径。

本地绝对路径

就是我们计算机中一个文件的完整显示路径，如：

 这里所示的就是一个绝对路径，从计算机的根盘符开始一级一级写到我们所需的文件所处位置。

本地相对路径

相对于当前文件所在的文件路径，在引入外部文件时我们大多数都是使用的相对路径。

举个例子：

我们在html文档中导入图片 <img src="./img/jj2.jpg">，这里的"./"也可以直接不写"./"都表示表示相对于这个html文档所在的文件路径下它存在的那个文件夹位置，html的所处位置为D:\h5\后端\code\node\jtweb，那么这个图片位置就为D:\h5\后端\code\node\jtweb\img\jj2.jpg

网络绝对路径

就是一条完整的网址：http://ip:端口/访问地址?querystring#hash

记住必须要写协议！我们在浏览器输入网址不用输协议，是因为浏览器有纠错功能，会自动给我们加上，但是我们编程的时候不能。

网络相对路径

是相对于当前服务器访问地址所处的那个路径。

比如：当前网址："协议://ip:port /src/news/index.html  querystring hash"

页面内部会有src和href等网络请求，如"./src/18.jpg"，它是相对于index.html所处位置，它完整形式为"协议://ip:port /src/news/src/18.jpg"，同样与本地相对路径一样，可以不写"./"，"src/18.jpg"也是一样的。

思考1:

用户输入网址:" http://192.168.1.3:8080/user/ro/tupian/a.html?n=20"

打开了一个页面,在这个页面中有一个img的src是 : "./img/jj2.jpg"

请问这个图片的真正网址是什么

答: "http://192.168.1.3:8080/user/ro/tupian/img/jj2.jpg"

思考2:

用户输入网址:"http://192.168.1.3:8080/user/ro/tupian"

打开了一个页面,在这个页面中有一个img的src是 :"./img/jj2.jpg"

请问这个图片的真正网址是什么

答:它真正的网址:"http://192.168.1.3:8080/user/ro/img/jj2.jpg"

本地相对根路径

用"/"表示， 写法：<img src="/img/jj2.jpg">，这时这个图片的路径直接相对于它所在的磁盘，如果是在C盘，那么完整路径就是C:/img/jj2.jpg。

网络相对根路径

也是用"/"表示，src='/img/jj2.jpg'，在网络请求中，直接相对于端口后面的位置。

如：

用户输入网址: http://192.168.1.3:8080/user/ro/tupian

打开了一个页面,在这个页面中有一个img的src是 : "/img/jj2.jpg"

请问这个图片真正的网址是什么?

答：它真正的网址:"http://192.168.1.3:8080/img/jj2.jpg"