Javascript 在HTML文件中导入CSS和JS的正确方法

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

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

浏览器开发工具

---

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

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

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

您可以使用根相对URL，如/css/filename.css，但如果将整个内容放在服务器上根以外的某个位置，则会出现问题。

如果要在其中一个jsp文件中添加css和js文件，请将其添加到head中

用于CSS

对于JS

这里。。表示jsp上一级的目录，然后/js或/css将转到相应的目录。

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

CSS文件的路径应为：

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

---

添加脚本和css相关URL？是的，我对路径感到困惑。它可能是或者我已经附加了屏幕截图，css和js文件在各自的文件夹中以文本形式发布您的问题您也可以发布图片，但您应该以文本形式显示层次结构。原因：我需要从另一个文件夹/css/filename.js的jsp中的另一个文件夹导入css。JS文件中，它很混乱。href=./css/styles.css应该是href=../css/styles.csse查看此链接：它取决于应用程序的服务方式。此外，OP已经说过../css/styles.css不起作用。

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

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