在Web開發中,我們常常需要引用一些外部文件,比如JavaScript文件和CSS文件。這些文件有一個特定的路徑,下面我們一起來了解一下。
JavaScript文件路徑:
// 引用同級目錄下的myscript.js文件 <script src="myscript.js"></script> // 引用同級目錄下的js文件夾中的myscript.js文件 <script src="js/myscript.js"></script> // 引用上一級目錄中的myscript.js文件 <script src="../myscript.js"></script> // 引用上一級目錄中js文件夾中的myscript.js文件 <script src="../js/myscript.js"></script>
CSS文件路徑:
// 引用同級目錄下的mystyle.css文件 <link rel="stylesheet" href="mystyle.css"> // 引用同級目錄下的css文件夾中的mystyle.css文件 <link rel="stylesheet" href="css/mystyle.css"> // 引用上一級目錄中的mystyle.css文件 <link rel="stylesheet" href="../mystyle.css"> // 引用上一級目錄中css文件夾中的mystyle.css文件 <link rel="stylesheet" href="../css/mystyle.css">
在使用文件路徑的時候需要注意幾點:
- 路徑可以是相對路徑,也可以是絕對路徑。
- 相對路徑是相對于當前文件所在的目錄,而不是HTML文件所在的目錄。
- 路徑中的斜杠方向需要注意,Windows系統使用反斜杠“\”,而Unix/Linux/Mac OS系統使用正斜杠“/”。
總之,文件路徑這個問題比較基礎,但是也很常用,需要好好掌握。