我无法将我的 JQuery 文件链接到我的 HTML 文件答案

【问题标题】：I can't link my JQuery file to my HTML file我无法将我的 JQuery 文件链接到我的 HTML 文件
【发布时间】：2018-12-16 15:52:32
【问题描述】：

无论我尝试什么，我似乎都无法将我的 JQuery 文件链接到我的 HTML 文件。当我将 JQuery 代码放在 HTML 页面上的脚本部分中时，JQuery 代码本身可以工作，但不能从文件中工作。

这是我的 HTML 的开头：

<!DOCTYPE html>
<!--Index page-->

<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- CSS file link -->
    <link href="login-css.css" rel="stylesheet" type="text/css">
    <!-- JQuery link -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="js/jquery.js" type="text/javascript"></script>

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

和身体的底部：

    <!-- Bootstrap jQuery -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
  </body>
</html>

这里是 JQuery 代码：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<script>
$(window).on('load', function () {
      alert("For this prototype please use admin as username and password as password");
 });

</script>

【问题讨论】：

.js 文件必须有 JavaScript 代码，而不是 HTML 标记。
您在开发工具控制台中看到了什么？
你为什么要导入 jQuery 两次（一次在顶部，一次在末尾）？

标签： javascript jquery html

【解决方案1】：

您已经在两个地方调用了 jquery cdn，将其从头部删除。
只需将您的 Jquery.js 文件添加到页面底部的 Jquery cdn 下方，即可看到神奇之处。
并且不需要在你的 JS 文件中调用 Jquery cdn，也可以从那里删除它

【讨论】：

你是一个救生员，谢谢。我还是个新手。
欢迎您，如果此答案对您有所帮助，请不要忘记将其标记为正确答案，如果需要，我将很乐意为您提供更多帮助。

【解决方案2】：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>

以上不是包含 jquery 的最佳实践。最好使用defer，如下所示：

<script src="demo_defer.js" defer></script>

【讨论】：