window.onload vs document.onload

Wanneer vuren ze?

window.onload

• Standaard wordt deze afgevuurd wanneer de hele pagina wordt geladen, inclusief de inhoud (afbeeldingen, CSS, scripts, enz.).

In sommige browsers neemt het nu de rol over van document.onload en vuurt ook als het DOM klaar is.

document.onload

• Deze wordt aangeroepen als het DOM klaar is, wat vooraf kan gaan aan het laden van afbeeldingen en andere externe inhoud.

Hoe goed worden deze ondersteund?

window.onload lijkt het meest ondersteund te worden. In feite hebben sommige van de modernste browsers document.onload in zekere zin vervangen door window.onload.

Problemen met browserondersteuning zijn waarschijnlijk de reden waarom veel mensen bibliotheken zoals jQuery beginnen te gebruiken om te controleren of het document klaar is, zoals hier:

$(document).ready(function() { /* code here */ });
$(function() { /* code here */ });

Voor de geschiedenis. window.onload vs body.onload:

Een soortgelijke vraag werd gesteld op codingforums een tijdje terug over het gebruik van window.onload boven body.onload. De resultaat leek te zijn dat je window.onload moet gebruiken omdat het goed is om je structuur te scheiden van de actie.

window.onload, maar ze zijn vaak hetzelfde. Op dezelfde manier wordt body.onload window.onload in IE.

Window.onload is echter de standaard - de webbrowser in de PS3 (gebaseerd op Netfront) ondersteunt het window-object niet, dus je kunt het daar niet gebruiken.