探讨./和../以及/的不同之处

  • Z时代
  • 2024-01-10
  • 分类：综合

编程

时间记录

           2019年12月05号

前言

         网上关于/和../以及/的不同相关的文章数不胜数，文章讲解的内容只是大概的描述之间的不同，举的实例细节度不够，因此特地整理一份相对于细致的文章供大家学习了解。./和/以及../在javascript、css、、jsp或者html等等中使用最为频繁，若使用不当，那么需要在页面展现的图片内容、页面样式等风格就无法表示出来。因此了解他们之间的使用和不同对应页面展示非常重要。

介绍

  1.  ./ ：表示当前目录，也就是当前文件所在的目录；

  2. ../ ：表示父级目录，也就是当前文件所在目录的父级目录；

  3. /：表示根目录

举例

1）、前提准备

       *** 图片说明：如图所示error.css在css目录下，shiyanyisu_com_bg.png在image目录下，而css、image目录在static目录下。

 2）、使用说明

     现在需要在error.css文件中引入shiyanyisu_com_bg.png文件，相关内容如下所示：

 3）、分别举例../ 和 / 以及./引入的不同

        1、../

            如上图的"url(../image/shiyanyisu.com_bg.png)"，因为error.css文件需要引入shiyanyisu.com_bg.png文件，而error.css所在目录为css目录，css目录的父级目录为static目录，因此../image/shiyanyisu.com_bg.png这个路径意思就是找寻static目录下的image目录中的shiyanyisu.com_bg.png文件，相关访问路径如下：

         

                *** 在项目中配置了根路径为/gdmcc，即配置了servlet.context-path，而springboot静态文件路径为classpath:/static/，此处隐藏了static目录。

         2、/

          "url(/image/shiyanyisu.com_bg.png)"，原理同上，只是此处的/image/shiyanyisu.com_bg.png表示的是resource目录下的image目录中的shiyanyisu.com_bg.png文件。相关访问路径如下：

        

         3、./

          “url(./image/shiyanyisu.com_bg.png)”，原理同上，只是此处的./image/shiyanyisu.com_bg.png表示的是css目录下的image目录中的shiyanyisu.com_bg.png文件。相关访问路径如下：

            http://localhost/gdmcc/css/image/shiyanyisu.com_bg.png

以上是 探讨./和../以及/的不同之处 的全部内容， 来源链接： utcz.com/z/511500.html

回到顶部