大家好,这里是教授.F
引入:
工程路径有一个知识点需要注意:就是相对路径。所谓相对路径就是依赖当前位置: 相对路径的定位依赖于当前位置或参考位置。
使用相对路径来解决, 一个非常重要的规则:页面所有的相对路径,在默认情况下,都会参考当前浏览器地址栏的路径 http://ip:port/工程名/ + 资源来进行跳转。
实例讲解:
假设有一个 Web 应用程序,部署在本地服务器上,地址为 http://localhost:8080/myapp/
。在该应用程序中,有一个页面 index.html
,位于 http://localhost:8080/myapp/index.html
。
在 index.html
页面中,有一个相对路径引用了一个 CSS 文件 styles/main.css
,则默认情况下,该相对路径会相对于 index.html
的路径来进行解析。
所以我们可以在index.html页面中直接写成<form action="styles/main.css" method="post">
浏览器会自动对相对路径进行解析,本质上就是 http://localhost:8080/myapp/style/main.css
这样就是代码简洁很多。
弊端:
如上面的图。如果我们访问了a.html文件,想直接跳转到my.css页面中,使用相对路径是不行的,因为此时的相对路径是http://localhost:8080/webpath/d1/d2。如果直接这样写:my.css是跳转到的。这里就需要base标签来指定路径。
base标签:
1. base 标签是 HTML 语言中的基准网址标记,它是一个单标签,位于网页头部文件的head标签内
2. 一个页面最多只能使用一个 base 元素,用来提供一个指定的默认目标,是一种表达路径和连接网址的标记。
3. 常见的 url 路径形式分别有相对路径与绝对路径,如果 base 标签指定了目标,浏览器将通过这个目标来解析当前文档中的所有相对路径,包括的标签有(a、img、link、form)
4. 也就是说,浏览器解析时会在路径前加上 base 给的目标,而页面中的相对路径也都转换成了绝对路径。使用了 base 标签就应带上 href 属性和 target 属性
所以对于上面的例子来说,在html文件中就要写上:
<base herf="http://localhost:8080/web/css/mycss">
补充:
1.特别说明:重定向 response.sendRediect("/"); 这条语句虽然是在服务器执行的,但是, 服务器是把斜杠 / 发送给浏览器解析。因此得到地址 http://ip[域名]:port/
2. 在实际开发中,路径都使用绝对路径,而不是相对路径
3. 在 web 中 / 斜杠 如果被浏览器解析,得到的地址是:http://ip[域名]:port/
比如:<a herf="/"></a>这样表示是http://localhost:端口号/
4. 在 web 中 / 斜杠 如果被服务器解析,得到的地址是:http://ip[域名]:port/工程路径/,你也可以理解成 /工程路径/ 下面的几种情况就是如此:
● /servelturl ● servletContext.getRealPath("/"); ==> 是得到执行路径/工作路径
● request.getRequestDispatcher("/");
5. 在 javaWeb 中 路径最后带 / 和 不带 / 含义不同, 一定要小心,
比如 <a herf="servlet03"></a>: servlet03 表示资源
<a herf="/a/servlet03"></a>: servlet03 表示路径
在编写资源路径时: , 考虑这么几点
(1) 这个路径 前面有没有 /
(2) 这个路径 在哪里被解析 [服务器还是浏览器] , 如果前面有/ , 并且是在浏览器被解析的 被解析成 http://ip:port/ , 如果在服务器端被解析 , 被解析成/工程路径/
(3) 如果这个路径,前面没有 / , 并且在浏览器被解析,则以浏览器当前的地址栏去掉资源部分,作为一个相对路径.
(4) 这个路径,最后有没有 / , 如果最后有/ 表示路径, 如果没有/ 表示资源