JavaScript не загружается на локальном хосте XAMPP

1

Хорошо, поэтому, когда вы запускаете мой 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 (оба находятся в одной папке)

(ps извините за плохой код, я новичок в этом)

  • 0
    Проверьте структуру папок один раз или попробуйте получить доступ к файлу в отдельном окне, например localhost: /js/index.js. Если он доступен, проверьте тег script, иначе проблема с доступом есть.
  • 0
    Итак, я попытался изменить src на что-то вроде " localhost / justbetweenus / server.js ", но он все равно не работает, хотя, когда я помещаю эту ссылку в браузер, он прекрасно загружает javascript. Если это проблема с доступом, как бы я ее исправить?
Теги:
xampp
localhost

1 ответ

0

Удалите косую черту, указав на корневую директорию

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

Ещё вопросы

Сообщество Overcoder
Наверх
Меню