从 html 调用 javascript 脚本

Calling javascript script from html

本文关键字：脚本 javascript 调用 html      更新时间：2023-09-26

我有一个简单的javascript文件，如下所示：

$(document).ready(function () {
    alert("my controller");
});

我有一个这样的 HTML 文件：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
</head>
<body>
<script type="text/javascript" src="/js/generateLineupController.js"></script>
</body>
</html>

因为对万物圣洁的爱，为什么世界上的警报不会显示？我在 GET 上得到了 javascript 文件的 200，所以它正在加载。

这里有几个问题。

  1. 出于某种原因，您尝试加载脚本两次。别这样。<head>加载，或在<body>结束时加载，但不能两者兼而有之。

  2. 您正在尝试使用 jQuery 语法 ( $(...) (，但尚未加载 jQuery 库。你会需要那个。

$(document).ready(...)表示您正在尝试使用 jQuery，但您没有在页面中加载 jQuery。检查您的控制台日志;您将在那里看到错误。

此外，没有必要使用两个<script>标签加载脚本两次;只需加载一次即可。

相关文章：