javascript - 从 html 调用 javascript 脚本

标签 javascript

我有一个简单的 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 上收到 200 的 javascript 文件,因此它正在加载。

最佳答案

这里有几个问题。

  1. 出于某种原因,您尝试加载脚本两次。不要那样做。加载到 <head>位于 <body> 末尾,但不能两者兼而有之。

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

关于javascript - 从 html 调用 javascript 脚本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27586874/

相关文章:

javascript - fs.readdir 在函数内部调用时返回 undefined

PHP文件上传而不刷新页面

javascript - jquery - 使用 WHEN 和 DONE 序列化 ajax 调用

javascript - d3 工具提示中的一级节点邻居

javascript - 如何根据 CSS 中的 margin-left 值使用 jQuery 隐藏元素?

javascript - 更新数组中的对象值React hooks方式

javascript - HTML 标题菜单下拉无法单击

javascript - Firefox 中丑陋的径向渐变。我该如何解决?

javascript - 如何使正则表达式不导致 “catastrophic backtracking” ?

javascript - 如何创建一个 CSS 类来使输入字段是只读的