我正在嘗試為我擁有的項(xiàng)目創(chuàng)建一個(gè) gif 預(yù)加載器。在當(dāng)前課程之前的課程中，我們被允許將 JS 內(nèi)聯(lián)，如下所示：<script>    let loader = document.getElementById("loader");    window.addEventListener("load", function () {        loader.style.height = "400px";        loader.style.width = "400px";        loader.style.borderRadius = "50%";        loader.style.visibility = "hidden";    });</script>這使用以下 HTML 和 CSS 運(yùn)行：HTML<div id="loader">    <img src="images/pepper.gif" alt="loading animation"/></div>CSS#loader {    height: 2000px;    width: 2000px;    background-color: black;    position: fixed;    top: 50%;    left: 50%;    transform: translate(-50%, -50%);    z-index: 999;    transition: all .5s;}#loader img {    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%, -50%);}這工作得很好。但是，在本課程中，要求我們將 JS 放在外部文件中。我已經(jīng)像這樣鏈接了文件<script src="js/index.js"></script>在 HTML 的 head 標(biāo)簽中。JS 看起來是這樣的（我們需要使用 IIFE）：(function () {    "use strict";    let loader = document.getElementById("loader");    window.addEventListener("load", function () {        loader.style.height = "400px";        loader.style.width = "400px";        loader.style.borderRadius = "50%";        loader.style.visibility = "hidden";    });})();我的問題是，現(xiàn)在，當(dāng)在外部文件中時(shí)，gif 將永遠(yuǎn)留在屏幕上。當(dāng)它內(nèi)聯(lián)時(shí)，它會(huì)加載一段時(shí)間，然后顯示站點(diǎn)的內(nèi)容。誰能幫我解決這個(gè)問題？