Adding multiple functions on <body onload>

Question

I am trying to add multiple onload functions into my <body>

My current code:

<body onload="_googWcmGet(number, '1800 000 000'); initialize()">

The _googWcmGet is working but the second function isn't working... Please help!

Try ending the initialize() with a ;. The better solution would be to use jQuery. Seeing as you tagged the post jQuery, have you not tried simply calling the functions inside a jQuery load script? — fvgs
– fvgs, Commented Oct 28, 2014 at 3:56
@Wolfram: JavaScript has automatic semicolon insertion; that won’t make a difference here. — icktoofay
– icktoofay, Commented Oct 28, 2014 at 3:57
We’re going to need more information than “isn’t working” to be able to help you. Check in your browser’s developer tools console and see if any errors appear there. If not, try using the debugger and seeing where something you don’t expect happens. Once you have a concrete error (and preferably an SSCCE), we might be able to help you more definitively rather than offering shots in the dark. — icktoofay
– icktoofay, Commented Oct 28, 2014 at 4:00
@Wolfram: I don't know the appropriate code to call the functions inside the JQuery load script. — Sezzles
– Sezzles, Commented Oct 28, 2014 at 4:10
Perhaps you need to wait until the map is loaded before you call initialize()? — Phrogz
– Phrogz, Commented Oct 28, 2014 at 4:36

Phrogz · Accepted Answer · 2014-10-28 04:09:48Z

1

document.body.addEventListener( 'load', function1, false );
document.body.addEventListener( 'load', function2, false );
// etc.

Or, if you're using jQuery, just use as many of these as you need:

$(function(){ … });
$(function(){ … });
$(function(){ … });

answered Oct 28, 2014 at 4:09

Phrogz

304k115 gold badges669 silver badges758 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

dashtinejad · Accepted Answer · 2014-10-28 04:24:35Z

1

There is no different how many statements you wrote in onload event:

function f() {
  console.log('f');
}

function g() {
  console.log('g');
}

<body onload="f(); g()"></body>

I believe you have an error in your first function:

function f() {
  console.log(undefinedVariable);
}

function g() {
  console.log('g');
}

<body onload="f(); g()"></body>

As you see, the g() won't execute as there is an error in the first function.

answered Oct 28, 2014 at 4:24

dashtinejad

6,2734 gold badges32 silver badges46 bronze badges

Comments

Sezzles · Accepted Answer · 2014-10-28 05:07:27Z

0

I modified the code provided above with a JQuery instead of a $. This code is now working well.

Correct Code - Functioning Well:

jQuery(document).ready(function() {    
    _googWcmGet('number', '1800 198 885');
    initialize();
});

answered Oct 28, 2014 at 5:07

Sezzles

1112 silver badges10 bronze badges

Comments

chran · Accepted Answer · 2014-10-28 07:59:31Z

0

It seems that console.log is the problem. Take a look at this link https://developer.mozilla.org/en-US/docs/Web/API/Console.log

answered Oct 28, 2014 at 7:59

chran

1198 bronze badges

Comments

Kunj · Accepted Answer · 2018-03-01 06:16:57Z

-1

Calling multiple functions onload is possible like you did, see article. Here are other ways:

I

function init() {
    _googWcmGet(number, '1800 000 000');
    initialize();
}

<body onload="init()">
//or
window.onload = init;

II

$(document).ready(function() {
//or
//$(function() {
    _googWcmGet(number, '1800 000 000');
    initialize();
});

edited Mar 1, 2018 at 6:16

answered Oct 28, 2014 at 4:16

Kunj

2,0262 gold badges23 silver badges34 bronze badges

3 Comments

icktoofay Over a year ago

I can’t imagine using any of these would solve any problems that would be encountered with the initial approach.

Sezzles Over a year ago

I used the $(document).ready one placing the initialize within there. I got the code working by changing the $ to JQuery. Seems to be working now. Thanks.

Kunj Over a year ago

You are welcome! $ and jQuery have same meaning :) stackoverflow.com/questions/3291680/…

Collectives™ on Stack Overflow

Adding multiple functions on <body onload>

5 Answers 5

Comments

Comments

Comments

Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related