Jak wykonać funkcję JavaScript po kompletnym załadowaniu strony?

Wyobraźmy sobie sytuację, że chcemy wykonać pewną operację na określonym znaczniku HTML. Napisaliśmy kod, który działa, ale tylko lokalnie…

Przyczyną tego może być fakt, że nasz kod wykonuje się zanim podany przez nas znacznik HTML znajdzie się w drzewie DOM.

Aby wyeliminować ten tzw. „problem wyścigów” należy wykonać funkcję po kompletnym załadowaniu strony.

Aby wykonać funkcję po kompletnym załadowaniu strony należy skorzystać ze zdarzenia onload na obiekcie window. Wtedy będziemy mieli pewność, że nasza strona jest w pełni załadowana (wliczając zewnętrzne zasoby, style, obrazki itp).

Przykładowy kod:

window.onload = function () {
  // Code to run goes here
};