Question

我希望我的JavaScript在页面加载后加载，但是现在是在页面加载之前加载。

我该如何解决。

<body>
    <h1>My Website</h1>
    <div class="container">
        <div class="jumbotron"">
            <h1>Let's Learn Javascript</h1>
            <p class="lead">...cause Javascript ROCKS.</p>
        </div>
    </div>
    <script src="scripts/main.js"></script>
    <script src="scripts/arrays.js"></script>
    <script src="scripts/loops.js"></script>
 </body>

Answer 1

您可以在整个页面加载后使用defer关键字加载javascript异步

<body>
    <h1>My Website</h1>
    <div class="container">
        <div class="jumbotron"">
            <h1>Let's Learn Javascript</h1>
            <p class="lead">...cause Javascript ROCKS.</p>
        </div>
    </div>
    <script src="scripts/main.js" defer></script>
    <script src="scripts/arrays.js" defer></script>
    <script src="scripts/loops.js" defer></script>
 </body>

Answer 2

您可以在体内的代码中添加onload属性。

<body onload="script();">

Answer 3

我建议您使用“脚本延迟”，因为您的脚本是外部的。有关更多信息和理解，请点击以下链接：HTML Attribute - Script Defer

JavaScript在页面加载后运行

3 个答案: