How to call a function inside another function on document load

Question

First of all please ignore if this question if seems stupid as I am not that much good in javascript side.

I need to call a function inside another function on document load. An example code is below. Here I need to alert the message 'my second alert'. How can I make it happen?. I know by initializing alertSecond() inside the function will work it, but is there any other way to do it?

Thanks in advance

$(document).ready() {

test();

function test() {
    alert('my first alert');
    function alertSecond() {
        alert('my second alert')
    }
}

}

`alertSecond()` is the way to run the `alertSecond` function. There are other ways, but I don't see how they would benefit you... — lonesomeday, Feb 01 '13 at 14:01
I would like to know is there anything like trigger() to executive the function on load — user1817630, Feb 01 '13 at 14:33

score 1 · Accepted Answer · edited May 23 '17 at 12:06

1

Check This Code..

$(document).ready(function() {
    $('#fun_a').click(myFunction);
});

function myFunction() {
    alert('hi');
}

look out this link..

call user defined function in jquery

edited May 23 '17 at 12:06

Community

1
1

answered Feb 01 '13 at 14:23

sasi

4,192
4
28
47

score 0 · Answer 2 · answered Feb 01 '13 at 14:02

0

$(document).ready(function(){
test()
}) ;
function test() {
    alert('my first alert');
    alertSecond();
}
function alertSecond() {
        alert('my second alert')
    }

answered Feb 01 '13 at 14:02

Pratik Bhatt

871
1
8
21

Srihari · Answer 3 · 2013-02-01T14:28:10.890

0

Just call your function from the 1st function and it will work. You don't need to define functions everywhere. When there is no reuse, better not to define code as function.

The following code should work:

$(document).ready(function(){
 test();
});
function test() {
alert('my first alert');
alertSecond();
}
function alertSecond() {
    alert('my second alert');
}

edited Feb 01 '13 at 14:28

answered Feb 01 '13 at 14:08

Srihari

766
1
6
22

This do not works, it does not display any alert, edit your answer, here is your live code: http://jsfiddle.net/gPNsW/ – sandino Feb 01 '13 at 14:15
Check the updated js Fiddle. U cannot run `$` without `jQuery`. Check it now. @sandino – Srihari Feb 01 '13 at 14:24
It does not works man!! ..the problem is wrong document.ready invocation you missed function keyword, here is the api: http://api.jquery.com/ready/ – sandino Feb 01 '13 at 14:47

score 0 · Answer 4 · answered Feb 01 '13 at 14:13

Previous answer does not run, it does not display any alert, try this:

function alertSecond() {
     alert('my second alert')
}

function test() {
     alert('my first alert'); 
     alertSecond();
}


$(document).ready(function(){

test();

})

Here is a live example:

http://jsfiddle.net/2xgXG/

score 0 · Answer 5 · answered Feb 01 '13 at 15:41

All you need is to call alertSecond() in the test() function.

$(document).ready(function(){
    test();
    function test(){
        alert('my first alert');
        alertSecond();
        function alertSecond(){
            alert('my second alert');
        }
    }
});

And you can also define test() and alertSecond() out of the $(document).ready function, if you want to call them in other functions.

score -1 · Answer 6 · answered Feb 01 '13 at 14:30

So you declare your two functions like so:

function myFunct1(){
alert('alert 1 from function 1');
}
function myFunct2(){
alert('alert 2 from function 2');
}

Then if you want to call them both one after the other your onload would look like this:

$(document).ready(function(){
myFunct1();
myFunct2();
});

If you wanted to call the second function from inside of the first one your function definition would need to look like this:

function myFunct1(){
alert('alert 1 from function 1');
myFunct2();
}
function myFunct2(){
alert('alert 2 from function 2');
}

How to call a function inside another function on document load

6 Answers6