JavaScript未在XAMPP本地主机上加载

Question

好的，因此，当通过Bracket的实时预览运行HTML和JavaScript时，一切正常。 但是，当我尝试在XAMPP本地主机上运行这些相同的脚本时，出现错误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文件（都在同一个文件夹中）

（对不起，我是新来的错误代码，请注意）

Answer 1

删除斜杠，它指向根目录

<script src = "server.js"></script>

JavaScript未在XAMPP本地主机上加载

问题描述

1 个解决方案

解决方案1
0 2018-06-13 04:45:34

JavaScript未在XAMPP本地主机上加载

问题描述

1 个解决方案

解决方案1 0 2018-06-13 04:45:34

解决方案1
0 2018-06-13 04:45:34