使用引导程序时如何导入外部js文件？

Question

我对前端开发人员非常陌生，正在尝试为元素编写onClick() function。 但是，function所在的js文件似乎没有导入。 我已经按照一些说明修改了订单，但不幸的是，它并没有解决我的问题。

索引.html

<head>
    <meta charset="utf-8">
    <link type="javascript" href="../js/jquery-1.11.0.js">
    <link type="javascript" href="../js/index.js">
    <link rel="stylesheet" href="../bootstrap-5.1.3-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/index.css">
    <title>Index</title>
</head>

<nav id="sideBarMenu" class="col-md-3 col-lg-2 d-md-block sidebar collapse">
    <div class="position-sticky pt-3">
        <h6 class="sidebar-heading d-flex justify-content-between align-items-center text-muted ps-2">
            <span> Personal Notification </span>
        </h6>
        <ul class="nav flex-column mb-2">
            <li class="nav-item">
            <a class="nav-link" href="#" onclick="showRsvs()">
                My Reservations
            </a>
            </li>
        </ul>
    </div>
</nav>

index.js

$(function(){
    // refresh time every seconds
    setInterval(function(){
        $("#clock").html(getTime());
    }, 1000);
})

function showRsvs(){
    $(this).addClass("active");
}

此文件中的两个函数都不起作用。 而且我在浏览器的Source面板中看不到js文件夹。

控制台 output

Uncaught ReferenceError: showRsvs is not defined

Answer 1

去掉head中的include js ， <link>标签用于包含css文件， <script>标签用于js文件。

在</nav>之后，在nav结束的地方插入这两行

<script src="../js/jquery-1.11.0.js"></script>
<script src="../js/index.js"></script>

你对go好

使用引导程序时如何导入外部js文件？

问题描述

索引.html

index.js

控制台 output

1 个解决方案

解决方案1
0 已采纳 2021-12-06 12:28:17

使用引导程序时如何导入外部js文件？

问题描述

索引.html

index.js

控制台 output

1 个解决方案

解决方案1 0 已采纳 2021-12-06 12:28:17

解决方案1
0 已采纳 2021-12-06 12:28:17