Javascript HTML未加载引用的脚本_Javascript_Jquery_Html

Javascript HTML未加载引用的脚本

javascript jquery html

Javascript HTML未加载引用的脚本,javascript,jquery,html,Javascript,Jquery,Html,我编写了一些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://s

我编写了一些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>

当我打开这一页时，什么也没有得到。有人知道如何解决这个问题吗

完整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>
      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>


嗨，我是一个头衔！
嗨，我是一个头衔！
看见
这个网站的创建者叫什么？



猜猜看：F_h。在水中游泳的东西。



你好
var quizCorrect；
$（文档）.ready（函数（）{
警惕（“我在工作吗？！”）；
});
函数checkCorrect（）{
var quizCorrect==0；
if（document.quizForm.quizOne.value==“挤压”）{
var quizCorrect=quizCorrect+1；
}
if（document.quizForm.quizTwo.value==“Fish”）{
var quizCorrect=quizCorrect+1；
}
警惕（“您的分数为“+quizCorrect+”/2”）；
}
函数hi（）{
警报（“hi”）；
}

编辑：我现在已将脚本放在末尾，但它仍然无法工作。

您尚未包含脚本。您需要添加另一个指向JS文件的

标记。现在您只导入2个JS文件。一个用于JQuery，另一个用于引导

包含代码的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>

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


嗨，我是一个头衔！

我不明白你想做什么

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

只需要在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 src="path/to/your/javascript/file.js"></script>

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

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

alert（“我在工作吗？！”）；

我建议您将所有脚本放在标题部分，或者将它们分开，并称之为

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


嗨，我是一个头衔！
$（文档）.ready（函数（）{
警惕（“我在工作吗？！”）；
});

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

更正：我修改了你的代码，控制台中出现错误，抱怨js代码中的“==”。

更改变量quizCorrect==0；至var quizCorrect=0；它应该运行正常。

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

var quizCorrect == 0;

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

请将脚本标记放在底部，而不是

head

标记中脚本的引用在哪里？我看到的只是jquery和bootstrap。当然缺少第三个

标记……右键单击页面并单击Inspect或Inspect打开开发人员工具element@SquishlingF12在大多数浏览器中打开开发者工具，控制台显示在底部。这是调试HTML/Javascript应用程序的基本工具。哦，对不起，下面是我的。您需要添加完整的代码，以便我们能够准确地看到正在发生的事情。另外，别忘了检查控制台是否有错误。您可能只是指向了错误的路径。我正在测试我的脚本文件。我只是这么做了，运气不好-（问题的重点是，他希望脚本位于外部

script.js

文件中，而不是嵌入HTML中。@Barmar他编辑了他的问题。我在回答中提到的代码与他提到的代码相同。但他没有提到jquery的脚本标记。

var quizCorrect == 0;