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

  -  

Giới thiệu

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

Trong bài viết này, họ sẽ cùng mọi người trong nhà đối chiếu window.onload cùng $(document).ready().

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


*

*

Giả sử các bạn bao gồm hàm A phía trong file a.js với vào file b.js có sử dụng hàm A thì yêu cầu tệp tin a.js đề nghị bỏ lên trên file b.js, nó tuan theo vẻ ngoài load theo sản phẩm từ bỏ.

Ví dụ: đoạn code này sai vì chưng hàm do_validate() mặc dù sẽ có mang cơ mà này lại nằm bên dưới đoạn code gọi tới nó

Trường hợp này không nên vị 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 bên trong file Afunction do_validate() // hàm này nằm trong tệp tin B// return TRUE/FALSE;//Đặt tệp tin B trước file Afunction do_validate() // hàm này năm vào file B// return TRUE/FALSE;var flag = do_validate(); hàm này năm trong file A Một xem xét đặc biệt nữa lúc các bạn gán một hàm như thế nào kia cho 1 sự kiện nào đó trong HTML thì cũng đề xuất theo đúng quy nguyên tắc trên, tức thị nếu bạn gán một hàm mà phía bên trên thẻ HTML kia không có thì nó vẫn thông tin lỗi là undefined.

Window.onload()

Sự kiện này có ý nghĩa rằng Khi trình duyệt y đang load kết thúc phần đông đồ vật (image, js, css) thì những đoạn code ở bên trong kia mới được chạy. Có một xem xét rằng nếu như bạn áp dụng onload cho một thẻ HTML nào đó thì nó sẽ có tác dụng với thẻ HTML kia thôi nhưng mà nếu như bạn cần sử dụng mang đến window thì nó sẽ có được tác dụng mang đến tổng thể.

Xem thêm: Là Gì Và Cấu Trúc “ Pick Up Lines Là Gì, 5 Cụm Từ Hay Dùng Để Tán Tỉnh

Hay nói theo cách khác hầu hết đoạn code nằm phía bên trong sự khiếu nại onload sẽ được chạy sau cùng lúc nhưng mà trình JS đã làm được biên dịch 1 lần. Chính do vậy nếu như trong sự kiện onload bạn Call tới một hàm như thế nào đó thì cho dù các bạn đặt hàm đó phía bên trên tốt bên dưới thì đầy đủ đúng

$(document).ready()

Cũng giống như với việc khiếu nại Window.onload() giả dụ bạn muốn một sự kiện jQuery như thế nào kia chuyển động chúng ta phải hotline nó phía bên trong hàm $(document).ready(). Nhưng những sản phẩm công nghệ phía bên trong hàm này sẽ tiến hành load ngay trong khi DOM Tree được load với trước lúc tổng thể ngôn từ của trang được load.

Tđắm đuối khảo: Khoá học Online nền tảng gốc rễ thiết kế cho người mới bước đầu bằng ngôn từ JavaScript

Kết Luận

$(document).ready() tất cả ưu điểm rõ nét rộng onload Khi thời gian kích hoạt sự khiếu nại là mau chóng hơn, quan trọng đặc biệt lúc trang web bao gồm dung tích béo, chứa đựng nhiều hình ảnh.

Xem thêm: Thuật Ngữ Tidal Volume Là Gì, Chăm Sóc Người Bệnh Thở Máy I

Tuy nhiên nếu bạn phải thao tác làm việc JavaScript với những hình ảnh thì thực hiện window.onload() là phù hợp. Vậy yêu cầu tùy mục đích áp dụng các chúng ta có thể áp dụng kiến thức và kỹ năng này vào câu hỏi lập trình với JavaScript.