Question

我有这样的文件夹层次结构

如何在此index.jsp中添加CSS和js文件

浏览器开发人员工具

Answer 1

从浏览器的角度来看，这完全取决于它们所具有的路径。如果浏览器看到了您所显示的层次结构，则可以从.jsp目录中的任何jsp文件中使用

<link rel="stylesheet" href="../css/filename.css">

..上升到一个级别（从jsp到您的根目录），然后/css进入css目录。

您可以使用诸如/css/filename.css之类的与根相关的URL，但是如果您将整个内容放在服务器上除根以外的其他位置，则将中断。

Answer 2

如果要在css文件之一中添加js和jsp文件，请在head中添加这些文件

对于CSS

<link rel="stylesheet" href="../css/filename.css">

对于JS

<script src="../js/filename.js"></script>

这里..代表jsp上方的目录（向上一级），然后/js或/css将进入各自的目录。

Answer 3

有关在Tomcat应用程序中组织文件的正确方法，请参见this answer。

CSS文件的路径应为：

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