Soluzione javascript window.onload multiplo

Question

Prima di porre questa domanda, non inserisco mai post su domande come questa, ma non capisco come implementarlo nel mio codice. Ho codice come questo

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 
    } 
} 

allora, come posso fare l'esecuzione di codice utilizzando un solo window.onload

Answer 1

È possibile utilizzare addEventListener o qualsiasi equivalente jQuery.

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

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

assicurarsi di chiamare questi prima la finestra viene caricato.

Answer 2

window.addEventListener non funziona in IE in modo da utilizzare window.attachEvent

Si può fare qualcosa di simile

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); 

Answer 3

Solo i miei 2 centesimi, Il mio modo fav personali di fare questo è la seguente:

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; 
} 

Questo copre praticamente tutto. Che poco (soprattutto i browser estremamente vecchi, suppongo?) Non copre, si potrebbe facilmente eseguire il debug, se necessario. Anche questo va avanti e lancia il callback se il documento è già 'caricato'.

Answer 4

La soluzione più semplice che ha funzionato per me:

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

Questo articolo è spiegato in dettaglio: http://developer.expressionz.in/blogs/2009/03/07/calling-multiple-windows-onload-functions-in-javascript/

Spero che questo aiuta alcuni di voi.