$(document).ready(function() là gì

  -  

Giới thiệu

Cũng như các ngôn ngữ lập trình sẵn khác, JavaScript sẽ chạy biên dịch từ bên trên xuống dưới với từ trái qua phải. Chính vì vậy khi bạn sử dụng một hàm mà bên trên nó không tồn tại hàm đó thì sẽ bị bái lỗi undefined ngay. Cùng để xử lý vấn đề này thì ta sẽ sử dụng sự kiện onload trong JavaScript.Bạn đã xem: $(document).ready(function() là gì

Trong nội dung bài viết này, chúng ta sẽ cùng nhau so sánh window.onload với $(document).ready().

Bạn đang xem: $(document).ready(function() là gì


*

*

Giả sử chúng ta có hàm A bên trong file a.js với trong tệp tin b.js có áp dụng hàm A thì đề xuất file a.js phải đặt lên trên file b.js, nó tuan theo hình thức load theo máy tự.

Ví dụ: đoạn code này sai bởi hàm do_validate() mặc dù đã định nghĩa nhưng này lại nằm bên dưới đoạn code hotline tới nó

Trường phù hợp này sai vì chưng hàm do_validate không được định nghĩa

//Đặt tệp tin A trước file Bvar flag = do_validate(); // hàm này nằm trong file Afunction do_validate() // hàm này phía bên trong file B// return TRUE/FALSE;//Đặt tệp tin B trước file Afunction do_validate() // hàm này năm trong tệp tin B// return TRUE/FALSE;var flag = do_validate(); hàm này năm trong file A Một chú ý quan trọng nữa khi các bạn gán một hàm nào đó cho 1 sự khiếu nại nào đó trong HTML thì cũng phải tuân theo quy phép tắc trên, nghĩa là nếu như khách hàng gán một hàm mà phía bên trên thẻ HTML đó không tồn tại thì nó sẽ thông báo lỗi là undefined.

Window.onload()

Sự khiếu nại này có chân thành và ý nghĩa rằng khi trình chăm chút đã load xong mọi lắp thêm (image, js, css) thì những đoạn code nằm bên phía trong đó new được chạy. Gồm một lưu ý rằng nếu như khách hàng sử dụng onload cho 1 thẻ HTML nào kia thì nó đang có chức năng với thẻ HTML đó thôi nhưng nếu bạn dùng mang đến window thì nó đã có tác dụng cho toàn trang.

Xem thêm: Full Cách Tăng Điểm Nga My Kiếm, Nga My Chưởng Vltk 1 Mobile

Hay nói theo một cách khác những đoạn code nằm phía bên trong sự kiện onload sẽ được chạy sau cùng khi nhưng mà trình JS đã có được biên dịch 1 lần. Cũng chính vì vậy giả dụ trong sự kiện onload chúng ta gọi cho tới một hàm nào đó thì dù chúng ta đặt hàm đó bên trên hay phía dưới thì hầu hết đúng

$(document).ready()

Cũng giống với sự kiện Window.onload() nếu bạn có nhu cầu một sự kiện jQuery nào đó vận động bạn nên gọi nó phía bên trong hàm $(document).ready(). Nhưng phần đa thứ bên phía trong hàm này sẽ tiến hành load ngay trong khi DOM Tree được load và trước khi cục bộ nội dung của trang được load.

Tham khảo: Khoá học tập Online nền tảng gốc rễ lập trình cho người mới ban đầu bằng ngữ điệu JavaScript

Kết Luận

$(document).ready() có điểm mạnh rõ rệt rộng onload khi thời điểm kích hoạt sự khiếu nại là mau chóng hơn, quan trọng khi trang web có dung tích lớn, chứa được nhiều hình ảnh.

Xem thêm: God Of War : Chains Of Olympus, God Of War: Ghost Of Sparta (Usa) Psp Iso

Tuy nhiên nếu khách hàng cần thao tác JavaScript với các hình hình ảnh thì áp dụng window.onload() là hợp lý. Vậy buộc phải tùy mục tiêu sử dụng các chúng ta có thể áp dụng kiến thức và kỹ năng này vào việc lập trình với JavaScript.