Есть ли разница между ./ и / в атрибуте src <script>?
Учитывая следующую структуру проекта:
/root
/static
script.js
page.html
Это будет «импорт» script.js в файле HTML:
<html>
<head>
<script src = "/static/script.js"></script>
</head>
<body>
...
</body>
</html>
это также будет:
<html>
<head>
<script src = "./static/script.js"></script>
</head>
<body>
...
</body>
</html>
Мне интересно:
- Один способ предпочтительнее другого?
- Бывают ли случаи, когда
/и./, в нейsrcатрибут<script>будут вести себя по-разному?
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 4
./ — это относительный путь или текущий каталог, в котором будет обслуживаться ваш актив.
/ — это абсолютный путь или корневой путь, откуда будет обслуживаться ваш ресурс.
У меня нет большого опыта в JavaScript, но я дам вам знать, что я знаю.
[...]
<script src = "./static/script.js"></script>
[...]
<!--This would reference files in the current folder (where the webpage itself is stored)-->
[...]
<script src = "/static/script.js"></script>
[...]
<!--This would reference an absolute path within your webserver, and cannot change dynamically based on from where you load it.-->
Вообще говоря, я бы выбрал ./, когда вы загружаете его из файла в вашей текущей папке (и/или на сервере), в то время как выполнение / кажется мне внешней ссылкой, которая также не является динамической. Если вам случится переместить файл (если он находится в том же каталоге, что и ваша страница), я думаю, что JavaScript также будет ссылаться на новый файл, а не жаловаться на старый.
Я не могу гарантировать, что приведенная выше информация верна, так как я не очень хороший JS-разработчик, но, по крайней мере, это должно помочь вам немного лучше разобраться в синтаксисе.
./ — это относительный путь, ведущий к текущему каталогу.
/ — это абсолютный путь к корневому каталогу.
Дополнительную информацию можно найти здесь.
да, Они оба разные.
Вы не можете видеть, так как index.html уже находится в вашем корневом каталоге.
Если внутри каталога есть файл .html. Тогда вы сможете увидеть разницу.
./ Это дает относительный путь от файла, к которому вы обращаетесь.
/ Это дает абсолютный путь от корня вашего каталога
Если это структура каталогов
/root
/static
script.js
/page
index.html
Тогда вы не сможете использовать ./, так как он не найдет папку script в папке page
Итак, если у вас сложная структура каталогов, используйте ./ т. е. путь relative, а если у вас простая структура / т. е. путь absolute, было бы хорошо. Для лучшей практики относительный путь предпочтительнее абсолютного пути.
Надеюсь, это ответило на ваш вопрос.