Question

163

Load an external javascript file before another?

rated 0 times [ 170] [ 7] / answers: 1 / hits: 15783 / 8 Years ago, wed, july 20, 2016, 12:00:00

I have two external javascript files within my html page.

I need to make sure that the first file, script1.js, is run before my second script, script2.js.

I have them within the body of my html page; how can I ensure that script2 is not used until the functions in script1 are run?

<!DOCTYPE html>

<html lang=en>



<head>

</head>



<body>



    <!-- Script 1 -->

    <script src=js/script1.js></script>



    <!-- Script 2 -->

    <script src=js/script2.js></script>

</body>

</html>

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

morrismilom

Add To Favorites

Follow

Total Points: 230

Total Questions: 96

Total Answers: 114

Location: Mayotte

Member since Mon, Sep 12, 2022

2 Years ago

morrismilom questions

1 How can I configure Prettier & VS Code's settings.json file to format both JavaScript & HTML documents?

Mon, Dec 6, 21, 00:00, 3 Years ago

1 How to programmatically create a component instance in Vue 3?

Wed, Oct 27, 21, 00:00, 3 Years ago

1 Is there any way to suppress hydration warning in React.FC?

Sun, Apr 25, 21, 00:00, 3 Years ago

1 node-fetch not working with AWS lambda function (cannot find node-fetch)

Thu, Dec 10, 20, 00:00, 4 Years ago

1 React render multiple buttons in for loop from given integer

Tue, Nov 3, 20, 00:00, 4 Years ago

View All

answered 8 Years ago armandoh · Accepted Answer

The browser will execute the scripts in the order it finds them. If you call an external script, it will block the page until the script has been loaded and executed.

So if your code is :

<body>



    <!-- Script 1 -->

    <script src=js/script1.js></script>



    <!-- Script 2 -->

    <script src=js/script2.js></script>

</body>

Script 1 will be run before Script 2.