Question

所以我使用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>

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

Answer 1

看起来像“file：/// C | /Users/Akshat/Desktop/Project/JS-jQuery/addnremove.js”不是文件的正确链接。尝试将此文件放在您的html中，就像使用main.css

一样

Answer 2

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

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

2 个答案: