Ciclul de viață al paginii domcontentloaded, load, beforeunload, unload, javascript

Ciclul de viață al unei pagini HTML constă în trei evenimente importante:

Fiecare eveniment poate fi folosit în diferite scopuri:
  • Evenimentul DOMContentLoaded este pregătit pentru DOM, astfel încât managerul poate căuta noduri DOM. inițializați interfața.
  • Încărcarea evenimentului - sunt încărcate resurse suplimentare și puteți obține dimensiuni de imagine (dacă nu este specificat în HTML / CSS) etc.
  • Înainte de a încărca / descărca evenimentul, utilizatorul părăsește pagina. Puteți să verificați dacă utilizatorul a salvat modificările și să-l întrebi dacă vrea cu adevărat să plece.

Să luăm în considerare aceste evenimente în detaliu.

DOMContentLoaded

Evenimentul DOMContentLoaded apare în obiectul documentului. Trebuie să utilizați addEventListener. pentru a urmări:

La prima vedere, evenimentul DOMContentLoaded este simplu. Dar există câteva caracteristici.

DOMContentLoaded și scripturi

Când browserul încarcă codul HTML și întâlnește