Правильный способ импорта CSS и JS в файл HTML
У меня такая иерархия папок
как добавить файл css и js в этот index.jsp
инструменты разработчика браузера
да, я запутался в пути. это будет <link rel = "stylesheet" href = "../ css / bootstrap.min.css"> или <link rel = "stylesheet" href = "/ css / bootstrap.min.css">
Я прикрепил снимок экрана, файлы css и js находятся в соответствующей папке
@Ayush - Вы имеете в виду из одного из файлов .jsp? Он обслуживается с частью /jsp в пути?
Разместите свой вопрос как текст (вы можете также опубликовать изображение), но вы должны показать иерархию в виде текста. Почему: meta.stackoverflow.com/q/285551/157247
мне нужно импортировать css из другой папки в jsp из другой папки
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 3
Все зависит от путей, которые у них будут с точки зрения браузер. Если браузер видит иерархию, которую вы показали, то из любого файла .jsp в вашем каталоге jsp вы должны использовать
<link rel = "stylesheet" href = "../css/filename.css">
.. поднимается на один уровень (от jsp до вашего корня), а затем /css переходит в каталог css.
Вы мог используете URL-адрес, относящийся к корню, например /css/filename.css, но это сломается, если вы поместите все это куда-то, кроме корневого на сервере.
/css/filename.js. JS в <link>, это сбивает с толку.
Если вы хотите добавить файлы css и js в один из файлов jsp, добавьте их в head.
Для CSS
<link rel = "stylesheet" href = "../css/filename.css">
Для JS
<script src = "../js/filename.js"></script>
Здесь .. представляет каталог выше jsp (на один уровень выше), тогда /js или /css перейдут в соответствующий каталог.
См. этот ответ, чтобы узнать, как правильно организовать файлы в приложении Tomcat.
Путь к вашим файлам CSS должен быть:
<link rel = "stylesheet" type = "text/css" href = "./css/styles.css" />
href = "./css/styles.css" должен быть href = "../css/styles.css"См. Эту ссылку: bennadel.com/blog/…, это зависит от того, как обслуживается приложение. Также OP уже сказал, что "../css/styles.css" не работает.
добавить скрипт и относительные URL-адреса css?