Javascript和jQuery在xampp的htdocs文件夹中不工作

因此，我使用HTML、CSS和Javascript创建了一个网站，并将其保存在桌面上。然后，我使用xampp创建了一个本地服务器。我把这个html文件放在xampp的htdocs文件夹中。该文件名为“foodlist.html”。每当我尝试在webbrowser中以localhost/foodlist.html打开此文件时，文件的jQuery和Javascript内容都无法显示。以下是代码的一部分：

<link rel="stylesheet" href="main.css" />
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script id="javascript" src="file:///C|/Users/Akshat/Desktop/Project/JS-jQuery/addnremove.js"></script>

---

如何使javascript和jquery代码在每次使用/localhost在浏览器上打开文件时都能正常工作？

看起来像“file:///C|/Users/Akshat/Desktop/Project/JS jQuery/addnremove.JS“不是指向文件的正确链接。尝试将此文件相对于html放置，就像使用main.css一样file:///C|/Users/Akshat/Desktop/Project/JS jQuery/addnremove.JS不是有效的地址，出于安全原因，这种链接即使使用正确的地址也不起作用

为了让它工作，例如，您的XAMPP目录是“C:\XAMPP”，您可以将“C:\Users\Akshat\Desktop\Project\JS jQuery”文件夹复制到“C:\XAMPP\htdocs”文件夹中，并通过以下方式链接您的“addnremove.JS”文件：

<script id="javascript" src="http://127.0.0.1/JS-jQuery/addnremove.js"></script>

---

您甚至可以更改

http://127.0.0.1/

带有

http://localhost/

您需要将

addnReject.js

的路径转换为URL。您拥有的目录路径很可能无法使用。类似于

http://localhost/path/to/addnremove.js

此外，如果html和JS文件位于同一目录中，那么您应该能够在脚本标记的src属性中指定文件名。为您的项目创建一个适当的目录结构，其中包含css/js和图像等的目录，这可能是一个好主意。当您将代码/项目移动到不同的服务器或同一服务器上的不同位置时，再加上适当的配置文件，将使您的代码/项目更易于移植。正如我所说，整个文件只是保存在桌面上的原始文件的副本。它在那里工作得非常好。除非是在外部cdn上，否则最好保持html的真实性。您应该将其移动到html文件夹的同一目录或子目录中。我们将尝试这样做。谢谢