您的位置：首页 > 其它

关于绝对路径和相对路径

2014-12-16 23:10 281 查看

一、基本概念

　　1、相对路径-顾名思义，相对路径就是相对于当前文件的路径。网页中一般表示路径使用这个方法。

2、绝对路径-绝对路径就是你的主页上的文件或目录在硬盘上真正的路径。绝对路径就是你的主页上的文件或目录在硬盘上真正的路径，比如，你的Perl 程序是存放在 c:/apache/cgi-bin 下的，那么 c:/apache/cgi-bin就是cgi-bin目录的绝对路径

在网络中，以http开头的链接都是绝对路径，绝对路径就是你的主页上的文件或目录在硬盘上真正的路径，绝对路径一般在CGI程序的路径配置中经常用到，而在制作网页中实际很少用到。

二、相对路径使用的特殊符号

以下为建立路径所使用的几个特殊符号，及其所代表的意义。

"./"：代表目前所在的目录。

"../"：代表上一层目录。

以"/"开头：代表根目录。

根目录下有Site1和Image/Image.jpg，Site1下有Page1.html文件和Site2文件夹。Site2下有Page2.html和Page2Image.jpg图片文件。

1、文件在当前目录

Page2.html访问Page2Image.jpg

<img
src=”./Page2Image.jpg”>或者<img src=”Page2Image. jpg”>

2、文件在上一层目录

Page1.html访问Image下的Image.jpg

<img
src=”../Image/Image.jpg”>

Page2.html访问Image下的Image.jpg

<img
src=”../../Image/Image.jpg”>

3、文件在下一层目录

Page1.html访问Site2文件夹下的Page2Image.jpg

<img
src=” ./Site2/Image.jpg”><img src=” Site2/Image.jpg”>

4、根目录表示法,任何页面访问Image下的Image.jpg图片

<img
src=”/Image/Image.jpg”>

三、常使用且要注意的地方

A、Css中的图片路径。写css里的图片路径，url是图片针对样式文件的位置

-- index.html

-- css /main.css

-- images/1.jpg

如果： index.html引用main.css，且在main.css 引用images目录里的1.jpg ：

background:
url(../images/1.jpg) *** 正确

background: url(images/1.jpg) *** 错误

B、Js中图片地址均相对于调用JS的页面的相对位置。

document.getElementById("IMG1").style.backgroundImage

= "url(../Images/login.jpg)";

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航