相对路径/绝对路径(举例一html)

来源:互联网 发布:小缘鱼乐盛典 知乎 编辑:程序博客网 时间:2024/05/16 07:47
  1. http://localhost:8080/tj16/
  2. "/"代表根目录,"./" 代表当前目录,"../"代表上级目录。
  3. 服务器端的相对地址指的是相对于你的web应用的地址,是在服务器端解析的。(http://localhost:8080/tj16/)
  4. html页面中的相对地址都是相对于服务器根目录,是客户端浏览器解析的。(http://localhost:8080/)
  5. webapp tj16
  6. i:/test/tj16/a.jsp
  7. i:/test/tj16/aa/aa.jsp
  8. i:/test/tj16/aa/bb.jsp
  9. i:/test/tj16/aa/cc/c.jsp
  10. 地址栏中输入地址:[http://localhost:8080/tj16/aa/aa.jsp]
  11. aa.jsp中内容
  12. (1)<a href="../a.jsp">test1</a>           ||    连接到[http://localhost:8080/tj16/a.jsp]
  13. (2)<a href="/tj16/a.jsp">test2</a>      ||    连接到[http://localhost:8080/tj16/a.jsp]
  14. (3)<a href="/a.jsp">test3</a>              ||    连接到[http://localhost:8080/a.jsp]
  15. (4)<a href="./bb.jsp">test4</a>           ||    连接到[http://localhost:8080/aa/bb.jsp]
  16. (5)<a href="bb.jsp">test5</a>             ||    连接到[http://localhost:8080/aa/bb.jsp]
  17. (6)<a href="cc/c.jsp">test6</a>           ||    连接到[http://localhost:8080/aa/cc/c.jsp]
  18. 设置<form>标签中的action值为上面的href值,两者得到的结果一致(一致:地址栏中的结果和页面显示的结果)。
  19. [for example:]
    <form action="/tj16/a.jsp">
        <input type="submit">
    </form>
  20. 路径解析:[http://localhost:8080/tj16/aa/aa.jsp]
  21. (a) "/" ---->[http://localhost:8080/] (根目录)
  22. (b) "./" --->[http://localhost:8080/tj16/aa/] (当前目录)
  23. (c) "../"--->[http://localhost:8080/tj16/] (上一级目录)
  24. 注:当前目录可以省略不写,如aa.jsp中的(5)和(4)结果是一样的
  25. 从结果可以看出,这三者"/", "./" ,"../"是对绝对路径URL[http://localhost:8080/tj16/aa/aa.jsp]的处理。
  26. URL是Uniform Resource Location的缩写,译为“统一资源定位符”。通俗地说,URL是Internet上用来描述信息资源的字符串。