В чем разница между Window.load и document.readyState

Question

У меня есть один вопрос, в моем веб-приложении ASP.NET MVC я должен выполнить определенную проверку после загрузки страницы и всех элементов управления.

В javascript я использовал белую строку кода для вызова метода.

window.load = JavascriptFunctionName ; 

Кто-то из моей команды спросил, не используется ли строка кода выше Вместо этого используйте JQuery, чтобы сделать то же самое

 document.attachEvent("onreadystatechange", function() {
        if (document.readyState === "complete") {
            CheckThis();

        }
    });

Пожалуйста, помогите мне понять, в чем разница между двумя. Когда я тестировал, поддерживая оповещение в обоих случаях, сначала выполняется проверка Jquery и вызывается функция CheckThis, где в качестве window.load требуется некоторое время и выполняется после него. Пожалуйста, предложите

Answer 1

window.load - запускается при загрузке всего контента, включая изображения.

document.ready - запускается, когда DOM готов, все элементы находятся на странице и готовы к работе, но изображения не обязательно загружаются.

Вот способ сделать jQuery document.ready:

$(function() {
  CheckThis();
});

Если вы хотите, чтобы это все еще происходило на window.load, сделайте следующее:

$(window).load(function() {
  CheckThis();
});

Answer 2

Обработчик готовности запускается сразу после создания DOM, не дожидаясь загрузки всех внешних ресурсов.

Поскольку вы используете jQuery, более кратким, независимым от браузера и широко используемым синтаксисом для него является:

$(function(){  
   CheckThis();
}); 

Answer 3

window.load срабатывает, когда ваша страница полностью загружена (с изображениями, баннерами и т. Д.), Но document.readyState срабатывает, когда DOM готов