从html调用javascript脚本

时间:2014-12-21 05:01:41

标签: 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文件,因此它正在加载。

2 个答案:

答案 0 :(得分:4)

这里有几个问题。

  1. 由于某种原因,您尝试加载脚本两次。不要那样做。将其加载到<head>末尾的<body>中,但不能同时加载到这两个位置。

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

答案 1 :(得分:2)

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

此外,无需使用两个<script>标记加载脚本两次;只需加载一次。