# [JavaScript] Advanced DOM and Events - Lifecycle DOM Events

```
document.addEventListener('DOMContentLoaded', function (e) {
  console.log('HTML parsed and DOM tree built!', e);
});

window.addEventListener('load', function (e) {
  console.log('Page fully loaded', e);
});

// window.addEventListener('beforeunload', function (e) {
//   e.preventDefault();
//   console.log(e);
//   e.returnValue = '';
// });
```

![lifecycle.PNG](https://cdn.hashnode.com/res/hashnode/image/upload/v1658381783032/X9yBOa_i4.PNG align="left")