相对路径./与../区别

一、基本概念

　　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

2、文件在上一层目录

Page1.html访问Image下的Image.jpg

Page2.html访问Image下的Image.jpg

3、文件在下一层目录

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

4、根目录表示法,任何页面访问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)";

四、优缺点及使用的地方

1、绝对路径的优点

A、如果有人抄袭你的网站内容，里面的链接还会指向你的网站，有些抄袭的人比较懒，根本不会去改内容。其实也不局限于被抄袭，如果有人将你的网页保存到本地电脑中，里面的链接、图片、css、以及js仍然会连接到你的网站。

B、如果网页位置改变，里面的链接还是指向正确的URL。

2、绝对路径的缺点：

A、在编码编写时不方便使用绝对路径，因为链接应该指向真正的域名而不是开发站点。

相对路径的优缺点和绝对路径几乎相反。

3、相对路径的优点：

A、容易移动内容，可以整个目录移动。

B、测试方法比较灵活，本机测试时比较方便。

4、相对路径的缺点：

A、部分内容页面换了位置时，链接容易失效。

B、容易被人大面积采集抄袭。

五、相对路径和绝对路径在系统文件中与在网络中类似，文件的路径符号是斜线“/”，而网络路径却是和它相反的反斜线“/”

六、小知识：“新建网站”与“新建虚拟目录”的差别，一些用过的IIS的人都会知道新建虚拟目录，可以用来指定一个目录来运行ASP程序，但是如果ASP/HTML源代码里经常出现类似这样的代码“<img src="/images/logo.gif" >”，注意“images”的前面斜杠“/”。如果是在虚拟目录不能调用此图片的了，而只有新建网站才能。其实相对路径里的首字符是斜杠时，这表示是相对与网站的根目录，但虚拟目录始终都是一个网站底下的子目录，所以就不能用了

七、

（一）、Cs类中获取绝对路径： System.Web.HttpContext.Current.Request.Url.Scheme + "://" + System.Web.HttpContext.Current.Request.Url.Authority + System.Web.HttpContext.Current.Request.ApplicationPath+"/";

（二）、在一个工程中，根目录下有JsLib/common.js文件。这是一个公用JS文件，项目中每个页面均会调用这个JS文件一个方法。此方法是基于Jquery的Ajax访问返回列表的一个方法，ajax访问的路径是根目录下的Common/main.ashx。现在碰到的问题是如何保证这个Ajax访问的路径在“新建网站”和“虚拟目录”中均可以访问。

比如在根目录下的YHMGE/UserAdd.aspx页面。

1、在“虚拟目录”中查看路径（Company为虚拟目录名称）:

Http://127.0.0.1/Company/YHMGE/UserAdd.aspx

2、在“新建网站”中查看路径:

Http://127.0.0.1/YHMGE/UserAdd.aspx

如果要保证在“新建网站”和“虚拟目录”中均可以访问，对于上面两个连接，无法写通用的方法获取页面基于根目录有几层。所以有一种思路就是使用绝对路径，获取common.js的根路径便可以访问句柄页面了。我们可以在common.js文件中获取/JsLib/common.js文件的绝对路径，再经此路径去掉“/JsLib/common.js”部分，再将要访问的Common/main.ashx接在这个路径便可以。

获取根路径（基于Jquery）：

function getRootPath(){

var scriptObj = $("script[src$='/JsLib/common.js']");

if(scriptObj==undefined)

{

return "";

}

var srcBase = scriptObj.eq(0).attr("src").replace("/JsLib/common.js","");;

return srcBase

}

1、在“虚拟目录”中查看路径（Company为虚拟目录名称）:

截取后得出：Http://127.0.0.1/Company/，再接上“Common/main.ashx”，得出Http://127.0.0.1/Company/Common/main.ashx便可顺利访问

2、在“新建网站”中查看路径:

截取后得出：Http://127.0.0.1/ ，再接上“Common/main.ashx”，得出Http://127.0.0.1/ Common/main.ashx便可顺利访问

当然，这个方法的前提是JS文件的引用是绝对路径。

相对路径./与../区别相关推荐

网页制作中绝对路径和相对路径的区别
网页制作中绝对路径和相对路径的区别 http://www.veryhuo.com 烈火网 2012-10-10 投递稿件做个开发的人,对于文件或者文件夹的定义都是有一定的规范的,比如建立一个网站前端 ...
echo和pwd获取文件路径的区别对比
echo和pwd获取文件路径的区别对比 echo &xxxx 直接可获取存储文件路径 pwd 也可以获取文件存储路径,但需cd 到相应的路径,在路径下,才可以通过pwd指令获取路径. 说明:二 ...
java获取图片相对路径_相对路径和绝对路径的区别,java获取项目访问路径的方法...
相对路径和绝对路径的区别在HTML里只要涉及文件的地方(如超级链接.图片等)就会涉及绝对路径与相对路径的概念.1.绝对路径绝对路径是指文件在硬盘上真正存在的路径.例如"bg.jpg&qu ...
【软考学习14】绝对路径和相对路径的区别和联系
本文讲解文件存储中绝对路径和相对路径的区别和联系.简单来讲,绝对路径是把文件所在的完整路径逐一标识出来,相对路径是对某个目录的参考路径,在实战项目的开发中,相对路径会使用的多一些,绝对地址可以用于开发 ...
html中加图片相对路径,以html中插入图片为例，聊一聊绝对路径和相对路径的区别...
原标题:以html中插入图片为例,聊一聊绝对路径和相对路径的区别我们都知道,在网站上插入图片要用到html的img标签中的src属性.src即source(来源)的缩写,也就是图片的url(或者说地 ...
python绝对路径的区别_python学习：绝对路径和相对路径
大牛们应该对路径都很了解了,这篇文章主要给像我这样的入门小白普及常识用的,啊哈下面的路径介绍针对windows,其他平台的暂时不是很了解. 在编写的py文件中打开文件的时候经常见到下面其中路径的表达 ...
./和../和/三种路径的区别
在JavaScript中,经常用到./和../及/路径访问指定的资源,但三者有什么区别: ./表示当前目录 ../表示父级目录 /表示根目录实例:通过href链接下载访问一个静态文件,进行路径区分. ...
绝对路径与相对路径的区别【2】--release和debug这两种情况下对本地文件操作不一致的问题...
总感觉题目起的有点别扭,但是不明白这是不是应该归因于这两种编译模式的区别,所以只能用这个长而晦涩的题目了. 我们在做一些应用程序时,经常会用XML文件存放一些程序的配置信息,甚或一些少量数据信息,而且 ...
Java里面的几种路径的区别
1,相对路径相对路径就是指由这个文件所在的路径引起的跟其它文件(或文件夹)的路径关系. 也就是说: 对于如图所示:一news.html为例在WEB15工程下的WebContent下的WEB-INF ...
什么是绝对路径，什么是相对路径，绝对路径和相对路径的区别？
绝对路径:绝对路径是指文件在硬盘上真正存在的路径.例如"1.txt"这个文件是存放在硬盘的"C:\Users\15063\Desktop"目录下,那么 &quo ...

相对路径./与../区别

相对路径./与../区别相关推荐

最新文章

热门文章