关于路径"/" “./” “../” "/" ""的区别

突然被这几个相对路径的标示符搞晕了，就测试了一把

先看结果

"/"   指的是根目录

"./"和 " " 指的是当前目录

"../"   指的是上一级目录

依此类推 "../../"指的就是上上级目录

结论总是很抽象的，我们 for example:

这是我的一个测试目录，我现在的测试文件是"demo8.html" , 如下图所示

我的img文件夹下面有一张图片 "1.jpg"；

现在我们打开"demo8.html"文件进行编辑

现在我们按照，敲入一下代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>demo8</title>
</head>
<body>
<img src="/img/1.jpg" alt="">
<img src="img/1.jpg" alt="">
<img src="./img/1.jpg" alt="">
<img src="../img/1.jpg" alt="">
</body>
<script type="text/javascript" src="./js/jquery-1.4.2.min.js"></script>
</html>

运行看看，结果如图所示：

结果不言而喻了，其他的就不一一测试了，大家有兴趣可以试一下。