Sự khác biệt giữa Window.load và document.readyState

Question

Tôi có một câu hỏi, Trong ứng dụng web ASP.NET MVC của tôi, tôi phải thực hiện xác thực nhất định khi trang và tất cả các điều khiển đã được tải.

Trong javascript tôi đang sử dụng dòng mã belwow để gọi phương thức.

window.load = JavascriptFunctionName ; 

Một số một từ đội của tôi yêu cầu tôi không được sử dụng trên dòng mã Thay vì sử dụng JQuery để làm như vậy

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

     } 
    }); 

Xin hãy giúp tôi trong việc tìm hiểu sự khác biệt giữa hai là gì. Khi tôi kiểm tra bằng cách giữ cảnh báo trong cả hai kiểm tra Jquery là thực hiện đầu tiên và gọi chức năng CheckThis, nơi window.load là mất một thời gian và thực hiện sau khi nó. Vui lòng đề xuất

Answer 1

window.load - Điều này chạy khi tất cả nội dung được tải, bao gồm hình ảnh.

document.ready - Điều này chạy khi DOM sẵn sàng, tất cả các yếu tố đều có trên trang và sẵn sàng làm, nhưng hình ảnh không nhất thiết phải tải.

Đây là cách jQuery để làm document.ready:

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

Nếu bạn muốn vẫn có nó xảy ra trên window.load, làm điều này:

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

Answer 2

window.load kích hoạt khi trang của bạn hoàn toàn tải (với hình ảnh , biểu ngữ, v.v.), nhưng document.readyState được kích hoạt khi DOM sẵn sàng

Answer 3

Trình xử lý sẵn sàng thực thi s ngay sau khi DOM được tạo, mà không cần đợi tất cả các tài nguyên bên ngoài được tải.

Vì bạn đã sử dụng jQuery, một ngắn gọn hơn, trình duyệt bất khả tri, và cú pháp được sử dụng rộng rãi cho nó là:

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