JavaScript to run after page load

Question

I want my JavaScript to load after page is loaded but now it iss loading before the the page is loaded.

How can I fix it.

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

Possible duplicate: https://stackoverflow.com/questions/19737031/loading-scripts-after-page-load — Harsh Karanpuria, Nov 09 '18 at 05:20
Possible duplicate of [Loading scripts after page load?](https://stackoverflow.com/questions/19737031/loading-scripts-after-page-load) — Circle Hsiao, Nov 09 '18 at 05:21

score 0 · Answer 1 · answered Nov 09 '18 at 05:21

You can use defer keyword to load javascript async after full page loads

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

i used the defer attribute still the js is popping up before the page loads. — avengers123, Nov 09 '18 at 05:48

score 0 · Answer 2 · answered Nov 09 '18 at 05:24

0

You can add a onload attribute to your code inside the body.

<body onload="script();">

answered Nov 09 '18 at 05:24

score 0 · Answer 3 · answered Nov 09 '18 at 07:31

0

I would advise you use "script defer" since your scripts are external. For more information and understanding, kindly follow this link: HTML Attribute - Script Defer

answered Nov 09 '18 at 07:31

Benneee_

319
1
7

JavaScript to run after page load

3 Answers3