Sử dụng Tải hoặc sẵn sàng?

Question

Trong ứng dụng của tôi tôi đang sử dụng

$(document).ready() 

sự khác biệt giữa điều này và

$(document).onload() 

Answer 1

Các ready được kích hoạt khi chỉ DOM trở nên sẵn sàng khi onload kích hoạt khi mọi nguồn lực của trang bao gồm DOM, hình ảnh, khung hình, vv đã nạp.

Xem:

$(document).ready vs. $(window).load

Note rằng ready nằm với jQuery javascript không thô vì vậy tôi giả sử bạn biết điều đó và rằng cách so sánh có vẻ logic.

Answer 2

.ready() được gọi trong thời gian sớm là gì như mã trang được tải về và phân tích cú pháp.

.onload() được gọi khi tất cả hình ảnh/video/v.v được tải xuống.

Sử dụng .ready() để jQuery hoạt động tốt nhất, trừ khi bạn có lý do cụ thể để đợi cho đến khi onload().

Answer 3

Tất cả được giải thích bên trong jquery docs.

Điều đầu tiên mà hầu hết các lập trình viên Javascript cuối cùng làm là thêm một số mã để chương trình của họ, tương tự như này:

window.onload = function(){ alert("welcome"); }

Bên trong đó là mã mà bạn muốn để chạy ngay khi trang được tải. Có vấn đề, tuy nhiên, mã Javascript không chạy cho đến khi tất cả hình ảnh được tải xuống xong (điều này bao gồm quảng cáo biểu ngữ). Lý do cho bằng cách sử dụng window.onload ở địa điểm đầu tiên là HTML 'tài liệu' không phải là tải xong, khi bạn lần đầu tiên cố gắng chạy mã của bạn.

Để giải quyết, jQuery có một tuyên bố đơn giản để kiểm tra các tài liệu và chờ đợi cho đến khi nó sẵn sàng để được thao tác, được gọi là sẵn sàng sự kiện:

Là một sang một bên (và như suggested bởi yahoo) Tôi luôn đảm bảo các tập lệnh jquery/js của tôi được đưa vào trước thẻ đóng. Bằng cách đó bạn không cần phải lo lắng về tải cửa sổ hoặc jquery sẵn sàng chức năng.

Answer 4

.ready()

Một chức năng để thực hiện sau khi DOM đã sẵn sàng.

-Từ các jQuery API Docs

.onload()

Sự kiện onload xảy ra khi user agent kết thúc tải một cửa sổ hoặc tất cả các khung trong một FRAMESET.

-Từ các HTML 4.01 Specification