关于路径的问题

在html文件中:

(1)../表示当成文件所在的目录的父目录,同理../../表示父目录的父目录,以此类推
例如:在WebRoot下有一个图片文件,其路径为WebRoot/images/logo.jpg
而在一个html(目录为WebRoot/html/index.html)文件中引用了这个图片
则在这个html中可以这样写<image src="../images/logo.jpg"/>

(2)./表示当成目录和在文件所在的当前目录的目录名不加任何东西是一个样的
例如:在WebRoot下有一个图片文件,其路径为WebRoot/html/logo.jpg
而在一个html(目录为WebRoot/html/index.html)文件中引用了这个图片
他们在同一目录下...
则在这个html中可以这样写<image src="logo.jpg"/>还可以这样写
<image src="./logo.jpg"/>


[color=red]
(3)/这个千万要小心
以前我一直以为是指根目录(也就是说一直以为有配置虚拟目录时根目录为虚拟目录,没配置则为端口号)[/color]
但是事实上这个表示的是直接到端口号(而虚拟目录对应的是WebRoot目录)
例如在(1)中你的代码是这样写的<image src="/images/logo.jpg"/>
所以你可以通过http://127.0.0.1:8080/html/index.html来把index.html中
的图片显示出来,但是当你为这个工程配置了虚拟目录test之后,你会发现通过url:
http://127.0.0.1:8080/test/html/index.html访问时,图片显示不出来了
为什么呢,其实这时你会发现index.html的图片的路径为
http://127.0.0.1:8080/images/logo.jpg
但是这时你有添加了虚拟目录了,所以图片的路径应该为
http://127.0.0.1:8080/test/images/logo.jpg,所以这时你的代码不能
写成<image src="/images/logo.jpg"/>而应该写成
<image src="../images/logo.jpg"/>
假如logo.jpg与index.html在同一目录下
则代码应该写成 <image src="logo.jpg"/>或者
<image src="./logo.jpg"/>
[color=red]
请记住不要写成这样的形式<image src="/images/logo.jpg"/>
不然添加了虚拟目录之后就会出现找不到文件的问题了
也就是最好不要在最上级的目录前面加上/,不然会直接指向端口号
[/color]
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值