JavaScript 未在 XAMPP 本地主机上加载
Posted
技术标签:
【中文标题】JavaScript 未在 XAMPP 本地主机上加载【英文标题】：JavaScript not loading on XAMPP localhost 【发布时间】：2018-11-22 13:29:49 【问题描述】：好的，所以当通过 Bracket 的实时预览运行我的 html 和 javascript 时，一切正常。然而，当我尝试在我的 XAMPP localhost 上运行这些相同的脚本时，我收到错误 404（无法找到资源文件）。 html 和 CSS 文件加载正常，但 JavaScript 文件（位于同一文件夹中）不想加载。
这是我的 HTML 文档：
<html>
<head>
<link href = "main.css" rel = "stylesheet">
<link href="https://fonts.googleapis.com/css?family=Chewy" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Karla" rel="stylesheet">
</head>
<body>
<h1>Title</h1>
<div>
</div>
<div class = "login">
<input type="text" placeholder= "Pen name">
</div>
<div class = "center" id = "error">
</div>
<div class = "buttons">
<a href = "/createrant.html" class = "button" id = "createRantLink">Rant</a>
<a href = "" class = "button">View Rants</a>
</div>
<script src = "/server.js"></script>
</body>
function backgroundSlideshowOnLoad()
if (window.location.pathname != "/createrant.html")
document.querySelector("html").style.backgroundSize = "100%";
document.querySelector("html").style.backgroundImage = "url('gif2.gif')"
setTimeout(function()
document.querySelector("html").style.backgroundImage = "url('gif1.gif')"
,2000);
setTimeout(function()
document.querySelector("html").style.backgroundImage = "url('gif3.gif')"
,3000);
setTimeout(function()
document.querySelector("html").style.backgroundImage = "url('gif4.gif')"
,4000);
setTimeout(function()
document.querySelector("html").style.backgroundImage = ""
,6000);
else
document.body.appendChild(storage)
window.onload = backgroundSlideshowOnLoad;
这是我的 JavaScript 文件（都在同一个文件夹中）
（p.s. 抱歉，我是新手，代码不好）
【问题讨论】：
检查一次文件夹结构或尝试在单独的窗口中访问文件，如 localhost:/js/index.js。如果可以访问，则检查脚本标签，否则存在访问问题。 好的，所以我尝试将 src 更改为类似“localhost/justbetweenus/server.js”的内容，但即使我将此链接放在浏览器中，它仍然无法正常工作，它加载了 javascript 就好了。如果是访问问题，我将如何解决？ 【参考方案1】：去掉斜线，它指向根目录
<script src = "server.js"></script>
【讨论】：
以上是关于JavaScript 未在 XAMPP 本地主机上加载的主要内容，如果未能解决你的问题，请参考以下文章