欢迎光临!
广告载入中…
网站首页 >> 教程 >> 文本教程 >> 文章内容

关于绝对路径和相对路径

[日期:2015-12-15]   来源:网摘  作者:转载   阅读:171[字体: ]
一、基本概念
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)";
四、优缺点及使用的地方
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.requnity 4.0激活码 uest.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为虚拟目录名称):
<script src="http://127.0.0.1/company/jslib/common.js" type="text/javascript"></script>
截取后得出:http://127.0.0.1/company/,再接上“common/main.ashx”,得出http://127.0.0.1/company/common/main.ashx便可顺利访问
2、在“新建网站”中查看路径:
<script src="http://127.0.0.1/jslib/common.js" type="text/javascript"></script>
截取后得出:http://127.0.0.1/,再接上“common/main.ashx”,得出http://127.0.0.1/ common/main.ashx便可顺利访问
当然,这个方法的前提是js文件的引用是绝对路径。