Как узнать что текущая страница загрузилась

Для определения полной загрузки страницы можно использовать событие load объекта window:

window.addEventListener('load', function() {
  console.log('Страница полностью загружена, включая все ресурсы');
});

Альтернативно, для DOM-готовности (когда DOM построен, но ресурсы могут ещё грузиться) используйте DOMContentLoaded:

document.addEventListener('DOMContentLoaded', function() {
  console.log('DOM полностью построен');
});

В современных SPA-фреймворках (React, Vue, Angular) обычно используют их собственные хуки жизненного цикла компонентов. Например, в React это useEffect:

useEffect(() => {
  console.log('Компонент смонтирован');
}, []);

Разница между load и DOMContentLoaded важна: первый ждёт все ресурсы (изображения, стили), второй срабатывает сразу после построения DOM-дерева.