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


Javascript and jQuery not working in htdocs folders of xampp

所以我使用HTML、CSS和Javascript创建了一个网站,并将其保存在桌面上。然后我使用xampp创建了一个本地服务器。我把这个html文件放在了xampp的htdocs文件夹中。该文件名为"foodlist.html"。每当我尝试在网络浏览器中以localhost/foodlist.html打开此fine时,该文件的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代码正常工作?

file:///C|/Users/Akshat/Desktop/Project/JS-jQuery/addnremove.js不是一个有效的地址,出于安全原因,即使使用正确的地址,这种链接也不起作用。。

为了让它发挥作用,例如,您的XAMPP目录是"C:''examplep",您可以将"C:''Users''Akshat''Desktop''Project''JS jQuery"文件夹复制到的"C:''examplep''htdocs"件:

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

您甚至可以使用http://localhost/更改http://127.0.0.1/地址。

它看起来像"file:///C|/Users/Akshat/Desktop/Project/JSjQuery/addnremove.JS"不是一个正确的文件链接。试着像使用main.css 一样将此文件相对于您的html放置