JS和CSS文件未在html内加载

Question

我的文件夹结构看起来像

MyProject
       |
       webcontent

在webContent文件夹中，我有html，js，CSS文件。 在这里，我直接如下加载js和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和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"> 

搜索条件是“相对URL”和/或“相对路径”。

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" />