首页 > 解决方案 > Javascript 未在 Chrome 中运行

问题描述

自从我接触 Web 开发以来已经有一段时间了,我正试图重新投入其中。然而,出于某种原因,我似乎无法让我的 JS 脚本运行。我尝试使用 链接 JS 文件<script src="script.js"></script>,即使脚本文件与 my 位于同一目录中index.html,它似乎完全忽略了它。我有一些来自 jQuery 的事件监听器,但在代码的最开始是一个console.log("sanity check");.

因此,在那之后不起作用,我尝试直接在 html 文件中编写脚本,如下所示:

<script>
     console.log("WHAT IS GOING ON?!");
     alert("It's finally working!");
</script>

那仍然没有用。帮助!

编辑:

这是相关的HTML:

<head>
    <script src="jquery-3.4.1.min.js"></script>
    <script src="script.js"></script>
    <script>
      console.log("WHAT THE CRAP IS GOING ONNNN");
      alert("JS is running");
    </script>
</head>

这是JS,

console.log("sanity check");
$(document).ready(function() {
  console.log("Helloooo and good moonring!");
  $("#back").hover(function() {
    console.log ("*eyeroll* YES. I can hear you.");
    $("#back").attr("cursor", "pointer");
  }, function() {
    $("#back").attr("cursor", "default");
  });
});

它都不起作用。我在本地运行它。Chrome 中的检查工具没有显示任何错误。

编辑2:

我仔细查看了检查工具中的代码。尽管如此,它似乎没有任何问题,但我注意到刷新页面时它没有更新到保存的更改。这显然是有问题的,而且非常混乱。还添加type="text/javascript"并更改script.js./script.js(与 jQuery 文件相同)。

标签: javascripthtml

解决方案


这个片段有效,不是吗?

<script>
  console.log("WHAT THE CRAP IS GOING ONNNN");
  alert("JS is running");
</script>

确保这些被选中并且消息没有被隐藏。也可以将“console.log”更改为“alert”以确保但检查以确保消息没有被过滤掉。

Chrome 控制台过滤器


推荐阅读