come sapere se l'evento "load" della finestra è stato attivato già

Question

Sto scrivendo uno script Javascript. Questo script verrà probabilmente caricato in modo asincrono (formato AMD).

In questo script, non vorrei fare nulla di importante fino a quando l'evento window.load non è stato attivato. Quindi ascolto l'evento "carica" ​​della finestra.

Ma se lo script viene caricato dopo l'evento window.load ... come posso sapere che window.load è già stato attivato?

E naturalmente non voglio aggiungere qualcosa in qualsiasi altro script (sono tutti caricati asincrono, il problema è lo stesso) :)

Edit:

Immaginate un documento HTML senza Javascript in tutto.

Rispetto a qualcuno inserire in questo documento un tag e questo tag script carica il mio file Javascript.

Questo eseguirà il mio script.

Come questo script può sapere se window.load è già stato attivato?

No jQuery, non uno script nel documento HTML prima del mio.

E 'possibile sapere ??

Ho trovato la proprietà window.document.readystate. Questa proprietà è per l'evento "pronto" del documento, non per la finestra "carica". C'è qualcosa di simile per l'evento "load" della finestra?

Answer 1

che dire overriding window.load?

window._load = window.load; 
window.load = function(){ 
    window.loaded = true; 
    window._load(); 
} 

quindi controllare

if (window.loaded != undefined && window.loaded == true){ 
    //do stuff 
} 

Answer 2

Se non si desidera utilizzare jQuery, la logica che utilizza è:

if(!document.body) 
    setTimeout(checkAgain, 1); 

Così tra le finestre caricate evento e controllando se la la proprietà del corpo del documento è disponibile, è possibile verificare se il DOM è pronto

Answer 3

Ecco la mia risposta:

fiddle

window.addEventListener("load", function() { 
    window.loaded = true; 
}); 

function logLoaded() { 
    console.log("loaded"); 
} 

(function listen() { 
    if (window.loaded) { 
     logLoaded(); 
    } else { 
     console.log("notLoaded"); 
     window.setTimeout(listen, 50); 
    } 
})(); 

Si può leggere su addEventListener() e la sua compatibilità (è una novità per l'ECMAScript 5 spec) here. È il nuovo modo "preferito" per fare le cose andando avanti.

È possibile leggere su Function Expressions (IIFE) Immediately Invoked (in alternativa, funzioni anonime autodefinite o funzioni anonime richiamate immediatamente) here.

EDIT: Ecco una buona risposta già su StackOverflow:

How to check if DOM is ready without a framework?

Se specificamente vuole sapere se l'evento carico DOM ha sparato, impostare una variabile globale in 'carico' un DOM gestore di eventi e quindi verificare la sua esistenza quando viene caricato il nuovo codice.

// in 'load' event handler 
window.domLoadEventFired = true; 

// in code you are loading asynchronously 
if (typeof window.domLoadEventFired !== undefined) { 
    // ... 
} 

Answer 4

La soluzione più semplice potrebbe essere il controllo per document.readyState == 'complete', vedere http://www.w3schools.com/jsref/prop_doc_readystate.asp