绝对地址相对地址

在做牛腩新闻发布系统的过程中,由于建立了很多文件夹,路径就会经常出现问题,刚开始不是很明白就先欣然接受了,很容易使界面出现一些细节的问题,比如说:图片显示不出来,样式出不来,后来查找资料学习(Java也时常出现这样的问题)后得知它们间的联系与区别,和大家分享。

    

1、在视频中有一个点击图片实现验证码的改变的位置的地址:

     (../)它是采用相对地址来实现的:就是被链接文件相对与当前页面的地址。

比如说,链接和当前页面同级的文件地址只要用“文件名”即可;

链接当前页面下级子目录下的文件用“目录名/文件名”

链接当前页面上一级目录下的文件用“../文件名”;

链接同级但在另外一个子目录中的文件用“../目录名/文件名”;

链接根目录 (你的网站的根目录,并非硬盘根目录)下的文件可以用“./文件名”的形式。

实例1

[csharp]  view plain  copy
 print ?
  1. <span style="font-family:SimSun;font-size:18px;"><html xmlns="http://www.w3.org/1999/xhtml">  
  2. <head runat="server">  
  3.     <title>后台登陆-牛腩新闻发布系统</title>  
  4.     <link href="../css/login.css" rel="stylesheet" type="text/css" />  
  5.     <script language="javascript" type="text/javascript">  
  6.     function changeCode() {     
  7.         var imgNode = document.getElementById("vimg");     
  8.         imgNode.src = "../handler/WaterMark.ashx?t=" + (new Date()).valueOf();  // 这里加个时间的参数是为了防止浏览器缓存的问题     
  9.     }    
  10.     </script></span>  


2、(~/)它是采用绝对地址的;

    这样的地址,就是文件在网络或本地的绝对位置   

实例2

[csharp]  view plain  copy
 print ?
  1. <span style="font-family:SimSun;font-size:18px;"><%@ Master Language="C#" MasterPageFile="~/common.master" AutoEventWireup="true" CodeFile="m_common.master.cs" Inherits="admin_m_common" %>  
  2.   
  3. <asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">  
  4.     <link href="../css/manager_common.css" rel="stylesheet" type="text/css" />  
  5.     <script src="../js/jquery.js" type="text/javascript"></script>  
  6.     <script src="../js/edittable.js" type="text/javascript"></script>  
  7. </span>  


3、解析:

      绝对路径,从根目录为起点到你所在的目录;

      相对路径,从一个目录为起点到你所在的目录。


例子:文件夹C下面有两个文件夹,分别是文件夹A和文件夹B。

绝对路径: C:\A文件夹

相对路径(如果你在B文件夹时): ..\B文件夹  (‘..\’向上一级意思)


4、对和相对很容易理解的,相对就是有参照物的,绝对则是固定的。

     为什么我们提倡使用相对地址呢?打个比方说吧,如果你有一个index.htm,里面引用了images目录的一些图片,如果使用了相对地址,搬家的时候只需把原来这套东西全部上传到新的空间就行了,因为文件彼此之间的相对位置关系没有改变,所以这些地址仍然是有效的。但如果插入图片的时候使用了绝 对地址,那空间地址一变,引用处的图片路径也要随之改变。当然,有时也会用到绝对地址,例如友情链接别人的主页等等。


5、总结:

     相对路径就是根你文件相对应的平级目录。绝对目录是指深一级目录或返回上一级目录后在向下寻找目标的方式;相对定位也是一样,如果是相对于一个单元格定位的层,单元格挪动到哪儿,层也就会到哪儿。用辩证的观点来看,其实绝对定位也是相对的,它和我们所说的相对定位的区别就在于,层的绝对定位是相对于浏览器的左边界和上边界而言,而层的相对定位是层相对于它的载体(表格或另外的层)而言。


      通过看牛腩体会到了细节也很重要,里面有很多细节的东西必须要注意,这是就不能只是看大面上的东西,要细心一些,有时候感觉一些没有必要的东西就会造成错误,还不容易找到错误。
  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值