如何正确引用HTML中的javascript文件？

Question

我正在尝试创建一个网站，遇到了一个有趣的问题。我的文件系统设置如下

我正在尝试引用我的中的一些javascript文件，如下所示

如您所见，前两个文件已找到并将加载

根据浏览器

我对此有很多问题，第一个问题是前两个javascript文件的路径实际上是无效的，因为如果我Ctrl+单击它们，就会出现错误消息

文件不存在。第二个问题是第三个和第四个javascript文件没有加载到浏览器中。我已经为他们尝试了以下路径。

• /webroot/assets/js/filename.js，
• 。。/webroot/assets/js/filename.js，
• ../../webroot/assets/js/filename.js

甚至是一条直接的路径，但都不起作用。有人知道为什么会出现这个问题吗？

Answer 1

你的脚本标签坏了。你有:

<script src=""> [filename] </script>`

而不是:

<script src="[filename]"></script>`

您的路径中也出现了不一致的情况。

您的文件系统似乎有/js/（小写的')，但在html中您有两种方式:有时是/assets/js，有时是/assets/js/。这可能解释了不存在文件的问题。

区分大小写在不同的环境中可能会有所不同，所以有时这可能会起作用，但™，这仍然是一个坏主意。选择您的首选项（大写，小写或混合），但在引用文件路径时要保持一致。