Несколько javascript window.onload solution

Question

Прежде чем задавать этот вопрос, я никогда не пишу о таких вопросах, но я не понимаю, как его реализовать в моем коде. У меня есть код, как этот

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

то, как я могу сделать выполнение кода, используя только один window.onload

Answer 1

Вы можете использовать addEventListener или любой эквивалент JQuery.

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

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

Обязательно называем эти перед тем загружается окно.

Answer 2

window.addEventListener не будет работать в IE, так что используйте window.attachEvent

Вы можете сделать что-то вроде этого

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

Просто мои 2 цента, мой личный избр способ сделать это состоит в следующем:

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

Это в значительной степени охватывает практически все. Какие маленькие (в основном, чрезвычайно старые браузеры, я полагаю?), Это не распространяется, вы можете легко отлаживать, если необходимо. Это также продолжается и запускает обратный вызов, если документ уже загружен.

Answer 4

Самое простое решение, которое работает для меня:

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

Эта статья объяснила в деталях: http://developer.expressionz.in/blogs/2009/03/07/calling-multiple-windows-onload-functions-in-javascript/

Я надеюсь, что это помогает некоторым из вас.