将 JavaScript 外部文件放入 Xampp

Posted 2023-02-25

【中文标题】将 JavaScript 外部文件放入 Xampp

【英文标题】：Putting JavaScript external file to Xampp

【发布时间】：2021-10-23 21:10:41

【问题描述】：

我尝试将一个完全用 jQuery 编写的外部 javascript 文件保存为 .js 文件到 Xampp，我尝试了一切，但它不起作用。 Xampp 根本不读取 .js 文件。我该怎么办？任何人都可以帮忙吗？我阅读了互联网上的大多数文章，所有文章都无关紧要。我试图将 JavaScript 文件复制并粘贴到 html 代码中，但仍然无法正常工作。我还多次重新启动 Xampp，更改了 html JavaScript 文件上的本地文件地址，清除了缓存，重新启动计算机等，但它们都没有工作。

【问题讨论】：

您能否添加更多有关您的问题的信息？控制台中是否有任何错误？请使用更多信息编辑问题，甚至是您尝试实现的 js 代码

我不确定您需要什么类型的信息！我只有一个 HTML 文件、一个 CSS 文件和一个与响应式导航菜单相关的 .Js 文件。我从未检查过控制台。JavaScript 代码功能也使其成为适用于手机的切换菜单。

可能不是xampp的，换个浏览器看看是不是一样

我认为如果您可以包括以下内容会很有帮助：a）您在 HTML 页面中使用的脚本标签和 b）您的应用程序的文件夹结构。 （包括您的 index.html 和 javascript 文件的位置）

正如@AlonAlbahari 提到的，尝试在您的jQuery 插件脚本标签URL 前添加“https:”（或“http:”）。并尝试在脚本文件名前添加正斜杠 (/)。喜欢： 还要确保你的文件名是正确的（确保没有错别字）

【参考方案1】：

试试看。将<script src='ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.js'> 更改为<script src='https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.js'>，然后将您自己的js 标签放在body 标签的关闭之前而不是head 标签上，就像这样：

<script src='script.js' type="text/javascript"></script></body>

网页加载的方式可能是当浏览器到达head 标记上的js 时，js 中的引用尚未加载。如果你把它放在底部，那么当浏览器到达你的js 时，它可以被执行，因为每个引用都已经加载了。

请注意，类型 kind type="text/javascript" 的声明不再需要，因此您可以将其删除。

【讨论】：

谢谢。我出去工作了。当我回到家时，我会做并发布结果。所以我所有的 .css 和 .js 标签都应该有指向 htdocs 的路径还是有必要？

如果您只是在 htdocs 中创建一个 my-project 文件夹并将所有代码放在那里，那么当您请求 localhost:your-port/my-project 时就足够了

谢谢。我应该请求哪个端口？端口 80？你能告诉我它应该是什么样子吗？ ，我的意思是本地主机请求？我通常只输入 localhost 并进入 root。

那么 localhost 作为端口取决于服务器配置。如果您通常使用 localhost，则只需 localhost/my-project

我改变了整个代码结构。它现在有效