Question

我已经制作了一些javascript代码，它没有用，所以我测试了文件是否会加载。

在 Javascript 代码中，我输入了：

alert("Hi");

它不起作用。我继续搜索答案，并按照以下所有说明在head元素的 HTML 代码中引用我的脚本，如下所示：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="http://squishling.co.uk/js/bootstrap.min.js"></script>
<script type="text/javascript" src="script.js"></script>

<title>Hi I am a title!</title>

然后我把它放到javascript代码中之后就不起作用了：

$(document).ready(function () {
  alert("Am I working?!");
});

当我打开页面时，我什么都没得到。有谁知道如何解决这个问题？

完整的HTML（我正在制作示例脚本）：

<!DOCTYPE html>
<html lang="en">
  <head>

    <!-- BOOTSTRAP STUFF -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Head Content -->
    <link href="http://squishling.co.uk/css/bootstrap.min.css" rel="stylesheet">




    <title>Hi I am a title!</title>


  </head>
  <body>

    <!-- Margin -->
    <div class="container">

      <!-- Title -->
      <h1>Hi I am a title!</h1>

      <form name="quizForm">
        <b>What is the creator of this site called?</b><br>
        <input type="text" name="quizOne"><br>
        <b>Guess: F__h. Something that swims in water.</b><br>
        <input type="text" name="quizTwo"><br>
        <button onclick="hi()">Hi</button>
      </form>


    </div>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script src="http://squishling.co.uk/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="script.js"></script>
  </body>
</html>

和Javascript：

var quizCorrect;
$(document).ready(function () {
  alert("Am I working?!");
});
function checkCorrect() {
  var quizCorrect == 0;
  if(document.quizForm.quizOne.value == "Squishling") {
    var quizCorrect = quizCorrect + 1;
  }
  if(document.quizForm.quizTwo.value == "Fish") {
    var quizCorrect = quizCorrect + 1;
  }
  alert("You have scored " + quizCorrect + "/2.");
}
function hi() {
  alert("hi");
}

按照建议，我也尝试了这个：

<!DOCTYPE html>
<html lang="en">
  <head>

    <!-- BOOTSTRAP STUFF -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Head Content -->
    <link href="http://squishling.co.uk/css/bootstrap.min.css" rel="stylesheet">




    <title>Hi I am a title!</title>


  </head>
  <body>

    <!-- Margin -->
    <div class="container">

      <!-- Title -->
      <h1>Hi I am a title!</h1>
      See?
      <form name="quizForm">
        <b>What is the creator of this site called?</b><br>
        <input type="text" name="quizOne"><br>
        <b>Guess: F__h. Something that swims in water.</b><br>
        <input type="text" name="quizTwo"><br>
        <button onclick="hi()">Hi</button>
      </form>


    </div>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script src="http://squishling.co.uk/js/bootstrap.min.js"></script>
    <script type="text/javascript">
    var quizCorrect;
    $(document).ready(function () {
      alert("Am I working?!");
    });
    function checkCorrect() {
      var quizCorrect == 0;
      if(document.quizForm.quizOne.value == "Squishling") {
        var quizCorrect = quizCorrect + 1;
      }
      if(document.quizForm.quizTwo.value == "Fish") {
        var quizCorrect = quizCorrect + 1;
      }
      alert("You have scored " + quizCorrect + "/2.");
    }
    function hi() {
      alert("hi");
    }
    </script>
  </body>
</html>

编辑：我现在把脚本放在最后但仍然无效。

Answer 1

您尚未包含该脚本。您需要添加指向JS文件的另一个<script>标记。现在你只导入2个JS文件。一个用于JQuery，另一个用于Bootstrap。

您的JS文件的名称是什么，其中包含您的代码？它必须是这样的：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="http://squishling.co.uk/js/bootstrap.min.js"></script>

<script src="path/to/your/javascript/file.js"></script>

<title>Hi I am a title!</title>

Answer 2

两个等号在控制台中抛出错误：

var quizCorrect == 0;

删除其中一个，并确保在head标记中引用了脚本文件。

Answer 3

这是您必须编码的方式。如果您在html中使用jquery代码，则应使用脚本标记<script></script>

＆＃13;

<html>
  <head>
    <title>Hi I am a title!</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script src="http://squishling.co.uk/js/bootstrap.min.js"></script>
    <script>
    $(document).ready(function () {
      alert("Am I working?!");
    });
    </script>
  </head>
  <body>
  </body>

＆＃13;

Answer 4

我认为您正在加载名为script.js的现有js库。尝试将您的js文件名重命名为不同的名称，例如myjs.js。

更正：告诉你的代码并在控制台中抱怨错误＆＃34; ==＆＃34;在你的js代码中。更改var quizCorrect == 0; TO var quizCorrect = 0;它应该正常运行。

Answer 5

我没有得到你想要做的事。

如果您只想在html文件上显示警告，则只需执行此操作

只需要在你的html文件上打开一个脚本像这样的东西：

<script>  alert("Am I working?!"); </script>

我建议将所有脚本放在头部或将它们拆开并调用它们

HTML未加载引用的脚本

5 个答案: