絕對地址相對地址

在做牛腩新聞發佈系統的過程中,由於建立了很多文件夾,路徑就會經常出現問題,剛開始不是很明白就先欣然接受了,很容易使界面出現一些細節的問題,比如說:圖片顯示不出來,樣式出不來,後來查找資料學習(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、總結:

     相對路徑就是根你文件相對應的平級目錄。絕對目錄是指深一級目錄或返回上一級目錄後在向下尋找目標的方式;相對定位也是一樣,如果是相對於一個單元格定位的層,單元格挪動到哪兒,層也就會到哪兒。用辯證的觀點來看,其實絕對定位也是相對的,它和我們所說的相對定位的區別就在於,層的絕對定位是相對於瀏覽器的左邊界和上邊界而言,而層的相對定位是層相對於它的載體(表格或另外的層)而言。


     通過看牛腩體會到了細節也很重要,裏面有很多細節的東西必須要注意,這是就不能只是看大面上的東西,要細心一些,有時候感覺一些沒有必要的東西就會造成錯誤,還不容易找到錯誤。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章