Az oldal életciklusa domcontentloaded, load, beforeunload, unload, javascript

A HTML oldal életciklusa három fontos eseményből áll:

Minden esemény különböző célokra használható:
  • A DOMContentLoaded esemény DOM kész, így a kezelő DOM csomópontokat kereshet. inicializálja az interfészt.
  • Eseményterhelés - további erőforrások töltődnek be, és képméretek (ha nem szerepel HTML / CSS-ben) stb.
  • Az esemény előtti / kirakodási eseményekor a felhasználó elhagyja az oldalt. Ellenőrizheti, hogy a felhasználó mentette-e a változtatásokat, és megkérdezi tőle, tényleg el akar-e menni.

Nézzük ezeket az eseményeket részletesebben.

DOMContentLoaded

A DOMContentLoaded esemény a dokumentumobjektumban történik. Használnia kell a addEventListener programot. nyomon követni:

Első pillantásra a DOMContentLoaded esemény egyszerű. De számos jellemző van.

DOMContentLoaded és szkriptek

Amikor a böngésző betölti a HTML-t és találkozik a kódban