$(DOCUMENT).READY(FUNCTION() LÀ GÌ

     

Giới thiệu

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

Trong nội dung bài viết này, họ sẽ thuộc nhau so sánh window.onload cùng $(document).ready().

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


*

*

Giả sử các bạn có hàm A phía trong file a.js và trong file b.js có sử dụng hàm A thì nên file a.js phải để lên file b.js, nó tuan theo qui định load theo vật dụng tự.

Ví dụ: đoạn code này sai bởi vì hàm do_validate() tuy nhiên đã khái niệm nhưng nó lại nằm bên dưới đoạn code điện thoại tư vấn tới nó

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

//Đặt tệp tin A trước tệp tin Bvar flag = do_validate(); // hàm này phía trong file Afunction do_validate() // hàm này 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 tệp tin A Một lưu ý quan trọng nữa khi chúng ta gán một hàm làm sao đó cho một sự kiện nào đó trong HTML thì cũng yêu cầu tuân theo quy cơ chế trên, nghĩa là nếu như khách hàng gán một hàm mà phía trên thẻ HTML đó không có thì nó sẽ thông tin lỗi là undefined.

Window.onload()

Sự kiện này có ý nghĩa rằng lúc trình chu đáo đã load kết thúc mọi sản phẩm công nghệ (image, js, css) thì những đoạn code nằm bên trong đó mới được chạy. Tất cả một lưu ý rằng nếu bạn sử dụng onload cho 1 thẻ HTML nào đó thì nó đã có công dụng với thẻ HTML kia thôi nhưng nếu như khách hàng dùng đến window thì nó đang có tính năng cho toàn trang.

Xem thêm: Khoa Thể Chất Đại Học Huế - Khoa Giáo Dục Thể Chất (Đh Huế)

Hay nói 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 cuối khi cơ mà trình JS đã có biên dịch 1 lần. Chính vì vậy nếu trong sự kiện onload chúng ta gọi cho tới một hàm nào đó thì dù bạn đặt hàm đó bên trên hay bên dưới thì số đông đúng

$(document).ready()

Cũng giống với việc kiện Window.onload() nếu bạn muốn một sự kiện jQuery như thế nào đó vận động bạn đề xuất gọi nó bên phía trong hàm $(document).ready(). Nhưng các thứ phía bên trong hàm này sẽ được load ngay lúc DOM Tree được load với trước khi tổng thể 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 tất cả những người mới ban đầu bằng ngôn từ JavaScript

Kết Luận

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

Xem thêm: Tổng Hợp 30 Bài Văn Tả Ngắn Về Cây Cối Ngắn Gọn, Hay Nhất, 100 Bài Văn Tả Cây Cối Lớp 5 Hay, Chọn Lọc

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