Làm cách nào để thực thi một hàm JavaScript sau khi tải trang được hoàn tất?

Question

Làm cách nào để thực thi một hàm JavaScript sau khi tải trang được hoàn tất?

Answer 1

Sử dụng các sự kiện onload như thế này:

window.onload = function(){ 
    // your code here....... 
}; 

Answer 2

Event.observe (cửa sổ, "onload", yourFunction);

Answer 3

Để có được xử lý onload của bạn để làm việc sạch trong tất cả các trình duyệt:

if (addEventListener in document) { // use W3C standard method 
    document.addEventListener('load', yourFunction, false); 
} else { // fall back to traditional method 
    document.onload = yourFunction; 
} 

Xem http://www.quirksmode.org/js/events_advanced.html để xem chi tiết hơn

Answer 4

khuôn khổ JavaScript Hầu hết (ví dụ jQuery, Prototype) đóng gói chức năng tương tự như sau.

Ví dụ: trong jQuery, hãy chuyển hàm của hàm của bạn đến hàm jQuery chính $() kết quả trong hàm của bạn đang được gọi khi DOM của trang được tải. Xem http://api.jquery.com/jQuery/#jQuery3.

Điều này xảy ra trước khi sự kiện onload kích hoạt, vì onload đợi tất cả các tệp bên ngoài như hình ảnh được tải xuống. JavaScript của bạn có thể chỉ cần DOM để sẵn sàng; nếu vậy, cách tiếp cận này là thích hợp hơn để chờ đợi cho onload.