Question

我正在开发一个非常基本的HTML页面，它有一些Javascript功能。没什么好看的，只是一些DOM操作。一切都很好，然后所有的脚本神奇地停止工作。在查看firebug时，似乎这个脚本运行正常：

  <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文件夹中。昨天一切都很好，直到它没有，我再也无法上班了。

＆＃13;

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 :)";
}

＆＃13;

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

＆＃13;

<!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>

＆＃13;

Answer 1

诊断脚本未加载的原因应该首先打开控制台，查看资源选项卡，然后确定是否为什么浏览器加载脚本时出错。

或者，您可以直接从浏览器打开脚本，您的网页会通知您。例如，如果您的脚本位于路径/Bootstrap/bootstrap.js且主机名为localhost，请导航至localhost/Bootstrap/boostrap.js。

解释结果：

如果结果为403错误，则表示您的网络服务器无法打开此文件。您需要授予read访问您的网络服务器的权限。
如果结果为404错误，则表示该文件实际上不在您指定的路径中。您需要逐步调试并找出原因。如果需要，额外的堆栈溢出问题可以解决此问题。
如果结果是不同的错误，可以使用Google搜索其含义，您可以发表评论并要求进一步澄清

HTML页面不会加载参考脚本

1 个答案: