html文件中絕對路徑與相對路徑的引用


一、..\的作用(上一級目錄)
在html中../表示上一級目錄,也就是html文件所在目錄的上一級目錄,
例如:E:\JS學習\jQuery_Code\《鋒利的jQuery》實例源碼\實例下載\01第一章\第一章例子\1-1.html
而你想引入一個js文件,路徑如下:E:\JS學習\jQuery_Code\《鋒利的jQuery》實例源碼\實例下載\01第一章\scripts、jquery-1.3.1.js
1-1.html文件所在目錄為第一章例子,她的上一級目錄為01第一章,所以引用相對路徑如下..\scripts\jquery-1.3.1.js
如果想引用上兩級目錄,可以..\..\
二、同級目錄的引用
如果引用文件和被引用文件在同一級目錄下,那可以直接寫,如果上面的在同一級目錄下,那可以直接寫\jquery-1.3.1.js

 

html引用外部樣式表后在樣式表文件中定義的樣式並不等於在html頭文件中定義的樣式了,它依然存放在定義的文件中被一起下載到客戶端,因此外部樣式表中的相對路徑是相對於改樣式表的路徑,並不是相對於引用該樣式表的html 的路徑。

 

如果是純手工編寫html或者css、js的話,建議用相對路徑,比如:../../css/main.css

 如果是動態文件,比如jsp、php等,最好用網站的絕對路徑。比如

{ctx}/resources/main.css,其中ctx是自己定義的變量,它的值等於類似於http://localhost這種地址。

 

相對路徑的缺點:例如:../images/zollty.png,這種寫法,一旦我改變了引用頁面文件的目錄,這張圖片就無法顯示了。如果換成網站的絕對路徑{ctx}/images/zollty.png,那么不論我怎么移動引用的頁面文件,只要圖片的地址不變,都是可以訪問的。

絕對路徑的缺點:對於靜態文件,往往無法自動獲取網站的根路徑({ctx}),所以要寫絕對路徑比較麻煩。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM