1 前端路径问题

最新推荐文章于 2024-04-04 21:46:14 发布

BookerABC

最新推荐文章于 2024-04-04 21:46:14 发布

阅读量164

点赞数

分类专栏： java开发文章标签：前端 html java Powered by 金山文档

本文链接：https://blog.csdn.net/booker009/article/details/129543105

版权

java开发专栏收录该内容

83 篇文章 0 订阅

订阅专栏

项目结构

测试代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--
    base标签的作用是在相对路径之前自动补充base[href]中的值
    如果base标签不写,那么默认就是当前文件所在的路径
    -->
    <base href="http://127.0.0.1:8080/testServlet4_war_exploded/">
    <!--<base href="http://127.0.0.1:8080/testServlet4_war_exploded/a/a2/">-->
</head>
<body>
this is page a1
<br/>
    <!--
    相对(基准)路径:以当前文件本身的位置去定位其他文件,相对自己的路径,以当前文件所在的位置为基准位置
    绝对(基准)路径:以一个固定的位置去定位其他文文件,以一个固定的路径作为定位文件的基准位置,和文件本身位置无关
    相对路径,不以/开头,就是相对路径  ..代表向上一层
    绝对路径,以/开头   在页面上 /代表从项目的部署目录开始找  从webapps中开始找
    页面的绝对路径要有项目名,除非我们的项目没有设置项目名
    -->
    <a href="a2.html" TARGET="_self">相对路径跳转至A2</a>
    <a href="../../b/b2/b1.html" TARGET="_self">相对路径跳转至b1</a>
    <br/>
    <a href="a/a2/a2.html" TARGET="_self">base相对路径跳转至A2</a>
    <a href="b/b2/b1.html" TARGET="_self">base相对路径跳转至b1</a>
    <br/>
    <a href="/testServlet4_war_exploded/a/a2/a2.html" TARGET="_self">绝对路径跳转至A2</a>
    <a href="/testServlet4_war_exploded/b/b2/b1.html" TARGET="_self">绝对路径跳转至b1</a>
</body>
</html>

页面上的路径总结:

1以/开头的路径是绝对路径,不以/开头是相对路径

2绝对路径/后面要写当前服务的上下文路径名

3 ../代表向上一层的路径

4 base标签可以简化相对路径,当使用相对路径时,默认会在相对路径之前补充 base中的内容

5如果没有定义base 默认就是当前文件所在的路径

BookerABC

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
1 前端路径问题

4 base标签可以简化相对路径,当使用相对路径时,默认会在相对路径之前补充 base中的内容。5如果没有定义base 默认就是当前文件所在的路径。1以/开头的路径是绝对路径,不以/开头是相对路径。2绝对路径/后面要写当前服务的上下文路径名。3 ../代表向上一层的路径。
复制链接

扫一扫

专栏目录