本地路径:
本地相对路径
本地绝对路径
网络路径:
相对网络路径
绝对网络路径
根路径:
本地相对根路径
网络相对根路径
一:本地路径
1.本地相对路径
- 日常前端写的html文件,本地打开:浏览器页面中写的路径: file://x1/x2/x2/index.html
- "./src/18.jpg" 写这个路径的文件的页面(index.html)是在本地打开的==> file://x1/x2/x2/src/18.jpg
- "src/18.jpg" 写这个路径的文件的页面是在本地打开的 ==> file://x1/x2/x2/src/18.jpg
- 日常访问我们电脑的文件也时本地打开
都是使用的file协议:"file://c:/"
2.本地绝对路径
从根盘符开始写路径
"C:/Users/Administrator/Desktop/%E4%BB%A3%E7%A0%81/14-%E5%90%84%E7%A7%8D%E8%B7%AF%E5%BE%84(%E7%9B%B8%E5%AF%B9%E7%BB%9D%E5%AF%B9)/index.html"
二:网络路径
1.相对网络路径
当前页面的网址: "协议://ip:port /src/news/index.html querystring hash" 可以得到一份网页
页面内部的路径:
"./src/18.jpg" ==>真正的网址(请求服务器资源) "协议://ip:port /src/news/src/18.jpg"
"src/18.jpg" ==> 真正的网址 "协议://ip:port /src/news/src/18.jpg"
思考1:
用户输入网址:
"http://192.168.6.60:8080/user/20220728/newspage.html?n=20"
打开了一个页面,在这个页面中有一个img的src是 : "./src/18.jpg"
请问192.168.6.60:8080这个服务器会受到req.url是什么?
答: "/user/20220728/src/18.jpg"
思考2:
用户输入网址:
"http://192.168.6.60:8080/user/20220728/newspage"--> //也可以得到了一份页面newspage代表当前页面的位置
打开了一个页面,在这个页面中有一个img的src是 : "./src/18.jpg"--> // ./就是代表这个页面的目录
请问192.168.6.60:8080这个服务器会受到req.url是什么?
答: "/user/20220728/src/18.jpg"
它真正的网址:"http://192.168.6.60:8080/user/20220728/src/18.jpg"
2.绝对网络路径
绝对网络路径
完整的网址:"协议://ip:port /src/news/src/18.jpg"
易错思考:
用户输入网址: http://192.168.6.60:8080/user/20220728/newspage
打开了一个页面,在这个页面中有一个img的src是 : "192.168.6.60:8080/src/18.jpg"
请问192.168.6.60:8080这个服务器会受到req.url是什么?
答: "/user/20220728/192.168.6.60:8080/src/18.jpg"
它真正的网址:"http://192.168.6.60:8080/user/20220728/192.168.6.60:8080/src/18.jpg"
三:根路径
1.本地相对根路径
思考:用户本地打开: "file:///c:/xx/xx2/index.html"
页面中有一个img的src是 : "/src/18.jpg"
它真正的路径:"file:///c:/src/18.jpg"
2.网络相对根路径
"/src/18.jpg"
思考:
用户输入网址: http://192.168.6.60:8080/user/20220728/newspage
打开了一个页面,在这个页面中有一个img的src是 : "/src/18.jpg"
请问192.168.6.60:8080这个服务器会受到req.url是什么?
答:"/src/18.jpg"
它真正的网址:"http://192.168.6.60:8080/src/18.jpg"