我無法將我的JQuery文件鏈接到我的HTML文件

Question

無論我嘗試什么，我似乎無法將我的JQuery文件鏈接到我的HTML文件。 當我把它放在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>

Answer 1

你已經在兩個地方調用了jquery cdn，從頭部刪除它。
只需將Jquery.js文件添加到頁面底部的Jquery cdn下面，然后看看魔術。
並且無需在JS文件中調用Jquery cdn，也可以從那里刪除它

Answer 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>

我無法將我的JQuery文件鏈接到我的HTML文件

問題描述

2 個解決方案

解決方案1
3 已采納 2018-12-16 15:56:48

解決方案2
0 2018-12-16 16:00:55

我無法將我的JQuery文件鏈接到我的HTML文件

問題描述

2 個解決方案

解決方案1 3 已采納 2018-12-16 15:56:48

解決方案2 0 2018-12-16 16:00:55

解決方案1
3 已采納 2018-12-16 15:56:48

解決方案2
0 2018-12-16 16:00:55