Access function in a JS page from another JS page on page load

Question

Let name it as A.js and B.js.

On page load of an aspx page, I am trying to load JS in the order A.js,B.js.

I used a method in B.js which is declared in A.js. But I am getting an error function undeclared alert in console.

But when I tried alerting either from B.js or A.js, script is working fine. It is taking the method and page is good. Why so?

What I need to do for making it work without alerting?

I would assume you should call B.anyMethod(..) which calls A.someOtherMethod() on document.ready of your html file. — Pilgerstorfer Franz, Jul 18 '13 at 07:56
thx for the reminder @RafałŁużyński. so what about using [.load(..)](http://api.jquery.com/load-event/) — Pilgerstorfer Franz, Jul 18 '13 at 08:10
load is ok, but it works just for one element, so you have to implement your own onJavaScriptsLoad event when all scripts are loaded. — Rafał Łużyński, Jul 18 '13 at 08:13
i checked out window.load which raises an event if all assets of a page have been loaded - correct? — Pilgerstorfer Franz, Jul 18 '13 at 08:26

score 1 · Answer 1 · answered Jul 18 '13 at 08:07

1

Scripts are loaded asynchronously, so you never know which file will load first. Most probably one with less bytes.

If you want to load scripts in order you provide, use library like requirejs.

answered Jul 18 '13 at 08:07

Rafał Łużyński

5,889
5
23
35

score 0 · Answer 2 · edited May 23 '17 at 12:21

0

I did a small example and used window.load event which did work for me. Check out this question on SO or jquery.load

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script src="a.js"></script>
    <script src="b.js"></script>
</head>
<body>
    <script>
        window.addEventListener("load", function () {
            methodB();
        }, false);
    </script>
</body>
</html>

edited May 23 '17 at 12:21

Community

1
1

answered Jul 18 '13 at 08:23

Pilgerstorfer Franz

8,093
3
39
51

I tried. Same effect. will work if we set alert or debugger. If not, it wont .. :( – Praveen Prasannan Jul 18 '13 at 09:42
can u edit your question and show a bit more code and/or send me the complete example by mail -franz.pilgerstorfer@gmx.at – Pilgerstorfer Franz Jul 18 '13 at 10:09

Access function in a JS page from another JS page on page load

2 Answers2