Question

我的文件夹结构如下，

MyProject
       |
       webcontent

在webContent文件夹中我有我的html，js，CSS文件。我在这里加载js＆amp; CSS文件直接如下。

<script src="jquery-1.10.2.js"></script>
<script src="jquery-ui.js"></script>

<link rel="stylesheet" href="jquery-ui.css">

但我想将js和CSS文件保存在不同的文件夹中，我需要在我想要的地方调用它们。但是我没有把js＆amp; CSS文件以及如何在html或jsp中定义路径。

Answer 1

这取决于它们的位置以及如何配置Web服务器。使用几乎所有Web服务器上的默认配置，如果您希望脚本位于webcontent的子目录中，则只需在路径前添加directory-name/即可。例如，用于：

MyProject/
       |
       webcontent/
               |
               js/
                  jquery-1.0.2.js
                  jquery-ui.js
               css/
                  jquery-ui.css

然后

<script src="js/jquery-1.10.2.js"></script>
<script src="js/jquery-ui.js"></script>

<link rel="stylesheet" href="css/jquery-ui.css">

此搜索字词是＆＃34;相对网址＆＃34;和/或＆＃34;相对路径。＆＃34;

Answer 2

假设你的css文件在

中

WebRoot --> Css

文件夹然后在你的html中使用下面的行

<link href="css/bootstrap.css" rel="stylesheet" type="text/css"/>

我希望这有助于你

Answer 3

例如，您的HTml文件位于一个文件夹中，您的CSS / js文件位于HTML文件夹中的文件夹名称“mystyle”中。你应该解决你的CSS文件：

<link rel="stylesheet" href="mystyle/style.css" />

如果您的文件位于“HTML”文件夹之前的文件夹中，那么您的地址就是这样的css / js文件：

<link rel="stylesheet" href="../mystyle/style.css" />

JS和CSS文件没有在html中加载

3 个答案: