HTML-страница не загружает ссылочные скрипты

-1

Я работаю на очень простой HTML-странице, которая имеет немного функциональности Javascript. Ничего необычного, просто некоторые манипуляции с DOM. Все работало нормально, а затем все сценарии волшебным образом перестали работать. После глядя на поджигатель, кажется, что этот скрипт работает отлично:HTML-страница не загружает ссылочные скрипты

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

Эти две ссылки, однако, похоже, не наедаться на все больше:

<script src="/Bootsrap/bootstrap.js" type="text/javascript"></script> 
    <script src="custom.js" type="text/javascript"></script>

custom.js является в корневом каталоге, а другой - в папке Bootstrap. Все было хорошо вчера, пока это не было, и я не могу заставить его работать снова.

function betterWork(this) { 
 
    if(confirm("Is this your final selection?")) 
 
    { 
 
// document.location = '#'; 
 
    $("#myModal").modal("show"); 
 
    } 
 
} 
 

 
function youCantDoThat() { 
 
    alert("That isn't a Pokemon ya doof."); 
 
} 
 

 
function tooDamnBad() { 
 
    var changeText = document.getElementById("textToChange"); 
 
    var newText = document.getElementById("newText"); 
 
    changeText.innerHTML = "Too Damn Bad!"; 
 
    newText.innerHTML = "Pick One Anyways :)"; 
 
}

.imageSize { 
 
    width: 400px; 
 
    height: 400px; 
 
}

<!DOCTYPE html> 
 
<html lang="en"> 
 
<head> 
 
    <title>JS Project</title> 
 
    <link rel="stylesheet" href="Bootstrap/bootstrap.css"> 
 
    <link rel="stylesheet" href="style.css" type="text/css"> 
 
</head> 
 

 
<body> 
 
    <div class="col-lg-12"> 
 
    <h1 class="text-center" id="textToChange">Pick A Starter Pokemon</h1> 
 
    <h3 id="newText" class="text-center"></h3> 
 
    </div> 
 
    <div class="col-lg-12"> 
 
    <div id="img" onclick="betterWork()" class="imageSize col-lg-4"> 
 
     <img class="imageSize" src="http://assets19.pokemon.com/assets/cms2/img/pokedex/full//001.png" /> 
 
    </div> 
 
    <div id="img" onclick="betterWork()" class="imageSize col-lg-4"> 
 
     <img class="imageSize" src="http://vignette3.wikia.nocookie.net/pokemon/images/1/13/007Squirtle_Pokemon_Mystery_Dungeon_Explorers_of_Sky.png/revision/latest?cb=20150105230449" /> 
 
    </div> 
 
    <div id="img" onclick="betterWork()" class="imageSize col-lg-4"> 
 
     <img class="imageSize" src="http://static.giantbomb.com/uploads/scale_small/0/6087/2438704-1202149925_t.png" /> 
 
    </div> 
 
    <div id="img3" onmouseover="youCantDoThat()" class="imageSize col-lg-4"> 
 
     <img class="imageSize" src="http://41.media.tumblr.com/c38fff03b8dd7aaf75037eb18619da57/tumblr_n436i3Falo1sndv3bo1_1280.png" /> 
 
    </div> 
 
    <div id="img4" onclick="betterWork()" class="imageSize col-lg-4"> 
 
     <img class="imageSize" src="http://assets.pokemon.com/assets/cms2/img/pokedex/full/010.png" /> 
 
    </div> 
 
    <div id="img5" onclick="betterWork()" class="imageSize col-lg-4"> 
 
     <img class="imageSize" src="http://vignette2.wikia.nocookie.net/camphalfbloodroleplay/images/7/77/Pikachu.png/revision/latest?cb=20141004224742" /> 
 
    </div> 
 
    <br /> 
 
    <div class="text-center"> 
 
     <button type="button" class="btn btn-info btn-lg" onclick="tooDamnBad()">I Don't Like These Pokemon</button> 
 
    </div> 
 
    </div> 
 

 
    <footer></footer> 
 

 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
 
    <script src="/Bootsrap/bootstrap.js" type="text/javascript"></script> 
 
    <script src="custom.js" type="text/javascript"></script> 
 

 
</body> 
 
</html>

источник

2016-02-03 Rob Greenlee

Вы уверен, что пути правильны для страницы вы смотрите? например если 'custom.js' находится в корне, измените его на'/custom.js', тогда он будет у корня, который всегда на уровне страницы у вас на –

. Я абсолютно уверен, что путь правильный. Я попытался добавить косую черту к началу, прежде чем публиковать это, и это ничего не изменило. Это было нарушено со вчерашнего вечера, и я много пробовал. Я даже понял, что мой нижний колонтитул все испорчен и исправлен, но ничто не заставит его работать. После того, как я опубликовал это, я снова просмотрел документ и проверил скрипты - похоже, что они там, просто не работают. Я обновился, и теперь он работает снова. Я понятия не имею, почему и почему сценарии просто решили не работать, но теперь они это делают. Компьютеры = магия. –

Откройте браузеры инструментов F12 и посмотрите на вкладку сети, чтобы узнать, почему запросы к файлам JavaScript не работают. – Dai

Диагностировать почему скрипт не загружается следует начинать с открытия консоли, глядя на вкладке ресурсов, а также определения того, и почему браузер была ошибка при загрузке сценария.

В качестве альтернативы вы можете открыть сценарий из своего браузера напрямую, и ваша веб-страница уведомит вас. Например, если ваш скрипт находится по пути /Bootstrap/bootstrap.js, а ваше имя хоста - localhost, перейдите к localhost/Bootstrap/boostrap.js.

Интерпретация результатов:

если результат является 403 ошибка это означает, что ваш веб-сервер не может открыть этот файл. Вам необходимо предоставить read доступ к вашему веб-серверу.
, если результатом является ошибка 404, это означает, что файл на самом деле не указан указанным путем. Вам нужно будет отлаживать шаг за шагом и выяснить, почему. Дополнительный вопрос о переполнении стека может решить, если это необходимо.
если результат другой ошибки, значение этого может быть гугл, и вы можете прокомментировать и попросить дополнительные разъяснения

источник

2018-02-01 02:34:23

HTML-страница не загружает ссылочные скрипты

ответ

Смежные вопросы