Body.onload có chờ cho IFrame không?

Question

Tôi biết rằng onload sự kiện đợi tài nguyên trang tải trước khi kích hoạt - hình ảnh, biểu định kiểu, v.v.

Nhưng điều này có bao gồm IFrame bên trong trang không? Nói cách khác, nó có đảm bảo rằng tất cả các khung hình của trẻ em 'onload s sẽ luôn luôn kích hoạt trước khi cha mẹ làm không?

Ngoài ra, vui lòng cho tôi biết nếu hành vi khác nhau giữa các trình duyệt.

Answer 1

Như tôi thấy trên các trang của mình, mỗi khung nội tuyến có tải trọng độc lập và tải trên khung hình đầu tiên không chờ các iframe kích hoạt.

Tôi nhận biểu ngữ gif/png trên trang web của mình đôi khi tải rất chậm, vì vậy tôi đặt chúng vào iframe và điều đó làm cho toàn bộ trang web và sự kiện onload hoạt động nhanh hơn.

Answer 2

Không, không. Nếu bạn muốn làm điều gì đó như vậy, bạn sẽ cần thêm trình xử lý tải trên cho khung nội tuyến. Bạn có thể làm điều này độc đáo với jQuery:

<iframe src="http://digg.com"></iframe> 
    <script> 
    var count = $('iframe').length; 
    $(function() { 
     // alert('loaded'); // will show you when the regular body loads 
     $('iframe').load(function() { 
     count--; 
     if (count == 0) 
      alert('all frames loaded'); 
     }); 
    }); 
    </script> 

Điều này sẽ cảnh báo khi tất cả các khung được tải.

Xem ví dụ:

http://jsbin.com/azilo

Answer 3

Hoặc đơn giản javascript nên làm việc ..

function checkIframes() { 
    if(!i) { i = 0; } 
    if(document.getElementsByTagName('iframe')[i]) { 
     document.getElementsByTagName('iframe')[i].onload = function() { i++; checkIframes(); } 
    } 
    else { yourFunctionInHere(); } 
} 

đã không thực sự thử nghiệm này, nhưng nên làm việc ... hơn đề cập đến nó với document.onload = function() { checkIframes(); }

Tôi không thực sự thích các thư viện như jQuery, bởi vì cho đến nay tôi thấy tôi có thể đạt được nhiều hơn với ít mã hơn, với javascript thông thường.