Multiple javascript window.onload solution

Question

Before i ask this question, i never post about questions like this but I don't understand how to implement it in my code. i have code like this

window.onload = function() {
 var url  = getQueryVariable("url");
 document.getElementById('view').src = url;
}
window.onload = function() {
    var linkDirect = document.getElementsByClassName("frame");
    for (var i = 0; i < linkDirect.length; i++) {
        linkDirect[i].href = "http://namablog.blogspot.com/p/demo.html?url=" + linkDirect[i].href
    }
}

then, how can I make the code execution using only one window.onload

Just transform both functions in one. Or make a function which calls the other two. — Juliano Alves
– Juliano Alves, Commented May 9, 2013 at 14:21
Learn about addEventListener - developer.mozilla.org/en-US/docs/DOM/… — Ian
– Ian, Commented May 9, 2013 at 14:24

Bart · Accepted Answer · 2013-05-09 14:36:22Z

23

You can use addEventListener or any jQuery equivalent.

window.addEventListener('load', function (){
    alert('Function #1');
});

window.addEventListener('load', function (){
    alert('Function #2');
});

Be sure to call these before the window is loaded.

edited May 9, 2013 at 14:36

answered May 9, 2013 at 14:24

Bart

17.4k5 gold badges63 silver badges81 bronze badges

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

Comments

rohit verma · Accepted Answer · 2015-04-10 08:40:17Z

1

window.addEventListener will not work in IE so use window.attachEvent

You can do something like this

function fun1(){
    // do something
}

function fun2(){
    // do something
}


var addFunctionOnWindowLoad = function(callback){
      if(window.addEventListener){
          window.addEventListener('load',callback,false);
      }else{
          window.attachEvent('onload',callback);
      }
}

addFunctionOnWindowLoad(fun1);
addFunctionOnWindowLoad(fun2);

answered Apr 10, 2015 at 8:40

rohit verma

1111 silver badge7 bronze badges

Comments

SpYk3HH · Accepted Answer · 2016-08-13 15:38:59Z

Just my 2 cents, My personal fav way of doing this is as follows:

function window_onload(cb) {
    try {
        if (typeof cb == 'function') {
            if (document.readyState == 'complete') cb();
            else if (window.hasOwnProperty('jQuery')) jQuery(window).on('load', cb);
            else if (window['addEventListener']) document.addEventListener('load', cb, false);
            else if (window['attachEvent']) {
                //  iFrame
                if (window['frameElement']) document.attachEvent('onreadystatechange', function(){ if (document.readyState === 'complete') window_onload(cb); });
                else window.attachEvent('onload', cb);
            }
            else {
                var fn = window.onload; // very old browser, copy old onload
                window.onload = function() { fn && fn(); ready(); };
            }
        }
    }
    catch (err) { if (window['console'] && console['error']) console.error("ERROR[window_onload()]", err); }
    return window;
}

This pretty much covers just about everything. What little (mainly extremely old browsers I suppose?) it doesn't cover, you could easily debug, if needed. This also goes ahead and launches the callback if the document is already 'loaded'.

ZeeProgrammer · Accepted Answer · 2017-06-29 13:11:27Z

0

The simplest solution that has worked for me:

function doOnLoad() {
        onloadfn1();
        onloadfn2();
        onloadfn3();
}
window.onload = doOnLoad;

This article has explained it in details: http://developer.expressionz.in/blogs/2009/03/07/calling-multiple-windows-onload-functions-in-javascript/

I hope this helps some of you.

answered Jun 29, 2017 at 13:11

ZeeProgrammer

2052 silver badges15 bronze badges

Collectives™ on Stack Overflow

Multiple javascript window.onload solution

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related