国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

CSS與JS中的相對路徑引用簡單介紹

2024-07-11 08:53:20
字體：大 中 小
來源：轉載
供稿：網友
javascript和css文件中采用相對路徑，其基準路徑是完全不同的。

1.javascript引用資源(比如圖片)相對路徑是以宿主路徑(被引用的網頁比如你在首頁index.php引用了某js文件，則index.php即為宿主)所處位置為基準。

2.css引用資源(比如圖片)相對路徑是以.css文件所處位置為基準!

大家在html中通常會導入一些外部的css、js文件，而其中一個比較容易被忽視的問題就是路徑問題，有時候，我們在css、js中都有通過路徑來引入一張圖片的需求，當我們采用相對路徑的時候，在css和js中引用圖片的相對路徑的基準是不一樣的。在css中出現的相對路徑，是以css文件所在路徑為基準的，而js中的路徑則是以導入此js的網頁文件所在的位置為基準的。

舉個例子來說明這個問題。

假如我們有如下文件目錄樹：（/是文件夾）
–/site
——/images
———index_02.jpg
——test.htm

–/css
——/css
———-test.css

–/js
——/js
———-test.js

引用代碼如下:

test.css

復制代碼

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 赤峰市| 通榆县| 九龙城区| 浦城县| 温州市| 隆化县| 兴海县| 芦山县| 罗定市| 吉安市| 新化县| 电白县| 景谷| 利辛县| 民县| 常山县| 长春市| 交城县| 张掖市| 温泉县| 三台县| 瑞安市| 韶关市| 景泰县| 保康县| 华阴市| 大名县| 临安市| 建始县| 昭觉县| 临夏市| 长沙县| 高碑店市| 永济市| 灵台县| 苍山县| 达尔| 沭阳县| 鄂托克旗| 丰原市| 黔西|