Чтобы проверить, загружена страница или нет в JavaScript, вы можете использовать различные методы. Вот несколько часто используемых подходов:
- Использование события
DOMContentLoaded: это событие вызывается, когда исходный HTML-документ полностью загружен и проанализирован, не дожидаясь завершения загрузки таблиц стилей, изображений и подкадров. Вы можете использовать его, чтобы определить, загрузилась ли страница. Вот пример:
document.addEventListener("DOMContentLoaded", function() {
// Page has finished loading
});
- Использование события
load: это событие вызывается, когда все ресурсы (включая изображения, таблицы стилей и сценарии) завершили загрузку. Это означает, что страница полностью загружена. Вот пример:
window.addEventListener("load", function() {
// Page has finished loading
});
- Проверка свойства
document.readyState: это свойство указывает статус загрузки текущего документа. Когда для него установлено значение"complete", это означает, что страница завершила загрузку. Вот пример:
if (document.readyState === "complete") {
// Page has finished loading
}
- Проверка наличия определенных элементов. Вы также можете проверить, были ли загружены определенные элементы на странице. Например, если у вас есть элемент с
id«myElement», вы можете проверить его существование, чтобы определить, загрузилась ли страница:
if (document.getElementById("myElement")) {
// Page has finished loading
}
Это некоторые из распространенных методов проверки загрузки страницы в JavaScript. Вы можете выбрать тот, который соответствует вашим конкретным требованиям.