JS 和 CSS 没有加载答案

【问题标题】：JS and CSS are not loadingJS 和 CSS 没有加载
【发布时间】：2014-06-26 15:12:05
【问题描述】：

当我尝试访问我的 JSP 页面时，没有加载 CSS 和 JS。我正在使用以下语法：

<!DOCTYPE html>
<%@page import="java.util.ArrayList"%>
<html lang="en">
<head>
<link rel="stylesheet" type="text/css" href=WebContent/CSS/example.css />
<link rel="stylesheet" type="text/css" href=WebContent/CSS/bootstrap.min.css />

<title>Example</title>
</head>
<body>
    <jsp:include page="header.jsp" />


    <jsp:include page="Footer.jsp" />
    <script src="WebContent/js/bootstrap.min.js"></script>
          <script src="WebContent/js/jquery.min.js"></script>   
</body>

我的 css 放在 WebContent -> CSS 文件夹下。

我已经尝试使用 ${pageContext.request.contextPath} 使用上下文路径

我也尝试在 href 标签中使用 "" 值，但没有用。

从过去两天开始我就陷入了这个问题...... :( 请帮忙

【问题讨论】：

Slylesheets 的 href 属性缺少 "
您是否能够直接浏览到 .css 文件？ http://localhost:12345/yourpath/WebContent/CSS/example.css
你试过了吗（href="../WebContent/CSS/example.css"）
小修正我对css使用以下格式：
最好从站点的根目录引用文件，在其他任何内容之前使用“/”

标签： javascript css jsp

【解决方案1】：

<!DOCTYPE html>
<%@page import="java.util.ArrayList"%>
<html lang="en">
<head>
    <link rel="stylesheet" type="text/css" href="CSS/example.css"/>
    <link rel="stylesheet" type="text/css" href="CSS/bootstrap.min.css"/>

    <title>Example</title>
</head>
<body>
<jsp:include page="header.jsp"/>


<jsp:include page="Footer.jsp"/>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.min.js"></script>
</body>
</html>

【讨论】：

【解决方案2】：

而不是这个：

<link rel="stylesheet" type="text/css" href=WebContent/CSS/example.css />
<link rel="stylesheet" type="text/css" href=WebContent/CSS/bootstrap.min.css />

使用这个：

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

【讨论】：