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

Question

所以我使用 HTML、CSS 和 Javascript 创建了一个网站并将其保存在桌面上。然后我使用 xampp 创建了一个本地服务器。我把这个 html 文件放在 xampp 的 htdocs 文件夹中。该文件名为“foodlist.html”。每当我尝试在网络浏览器中以 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>

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

Answer 1

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/。