1. 程式人生 > >CSS及HTML、js中的資源路徑問題

CSS及HTML、js中的資源路徑問題

stat 文件中 bsp ng- 層級 png 目的 指令 php

路徑 分為相對路徑和絕對路徑

一、相對路徑。

相對於文件本身的路徑。

用 ./ 表示同一文件夾下的兄弟文件。

用../ 表示所處文件夾的父文件夾中的文件。

二、絕對路徑。

本機絕對路徑是 例如 E:\phpStudy\WWW\NEWPC\images.

網絡的絕對路徑是指:例如一張圖片的絕對路徑 https://ss3.baidu.com/-rVXeDTa2gU2pMbgoY3K/it/u=2048526859,4160700425&fm=202&mola=new&crop=v1。

最近因為項目的頁面結構調整,利用angular 中的ng-include 指令,將頁面導航及底部部分獨立出來作為公用文件。公用文件中的圖片地址之前引用的是相對地址,當文件層級發生改變之後,相對路徑就只能滿足固定層級的定位關系。

於是我使用絕對路徑,關於根文件夾的選取,我的所有文件都放在NEWPC文件夾中,所以地址改為

/NEWPC/images/state_icon.png

如此這般就沒問題了

 

CSS及HTML、js中的資源路徑問題