关于路径src=“ “目录的表示方法(相对路径和绝对路径详细用法)

在web开发和java动态工程开发的过程中,我们难免遇到目录的路径问题的困扰,今天我给大家和自己总结了一下,资源引用中src="**"的表示方法,在IDEAL,和eclipse,和WebStorm开发中都适用。
在Web开发中,一般资源引用都要用src=URL,来导入我们的资源,如html中的img的用法,<img src="*.jpg">
下面是一些目录的表示方法:
1、如果是在当前目录:(相对路径)
URL=“资源” 即可
在这里插入图片描述
比如,我在写的3-11-1.html文件,要导入jq里面的包,3-11-1.html与jq都在src目录下,故他们都是在当前目录。导入jq里面的资源:<script src="jq/jquery-3.0.0.js"></script>

2.用绝对路径。
绝对路径指的是,资源在某个位置的精确定位。比如,若是本地PC资源的话,
绝对路径是指,该资源在电脑里面的详细位置:如:
URL=C:/windows/system32/cmd.exe
在这里插入图片描述

3.特殊的用法。
如果我不想写绝对路径那么麻烦呢,又长又臭的,可资源又不在当前目录呢?别急,我教你一招。如:

(1)src="./static/image/卢洋洋.jpg"
其中,.表示当前路径(用法和上面讲的第1一样),在通道情况下可以省略,只有在特殊的情况下不能省略。

(2)src="../static/image/卢洋洋.jpg"

../表示源文件所在目录的上一级目录,../../表示源文件所在目录的上上级目录

在这里插入图片描述
比如,在VueProjects里面,src和static处于同级目录,3-11-1.html在src里面,我想在3-11-1.html里面引用static里面image/卢洋洋.jpg,则:3-11-1.html的上级目录是src, 故用"../"表示上级目录,就找到了static所在的目录,之后就引用"卢洋洋.jpg"的相对路径即可,即,图中在html里面要引用图片的话,该目录是:
src="../static/image/卢洋洋.jpg"**

  • 17
    点赞
  • 35
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

乐邂逅

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值