Javascript [trì hoãn] thuộc tính và tài liệu.đã có?

Question

Sau khi đọc về các thuộc tính defer tại mdn

thuộc tính Boolean này được thiết lập để chỉ cho một trình duyệt kịch bản có nghĩa là để được thực hiện sau khi các tài liệu đã được phân tích cú pháp.

Có vẻ tốt đẹp.

Vì vậy, tôi đã tested nó chống lại $(function() { }); và $(window).load(...)

<script> 
$(function() 
{ 
    alert('1') 
}); 
$(window).load(function() 
{ 
    alert('2') 
}); 
</script> 

<script defer="defer"> 
    alert('4'); 
</script> 

Mã này Luôn đầu ra 4,1,2!

Ok Vì vậy, bây giờ tôi có thể nhận ra thời gian mà tài liệu được phân tích cú pháp.

Trong những cảnh quan nào tôi sẽ cần đến giai đoạn trước khi document.ready (nơi hoàn tất phân tích cú pháp)?

Answer 1

Từ MDN

Thuộc tính Hoãn không nên được sử dụng trên các kịch bản mà không có thuộc tính src

Việc sử dụng thực tế sẽ được rằng bạn vẫn có thể có kịch bản tại đầu trang và làm cho trình duyệt tải chúng sau khi toàn bộ trang được phân tích cú pháp đầy đủ, do đó cải thiện phía máy khách của hiệu suất.

Từ YSlow

Các TRÌ HOÃN TÁI thuộc tính chỉ ra rằng kịch bản không chứa document.write, và là một đầu mối để các trình duyệt mà họ có thể tiếp tục render

Answer 2

Kiểm tra các W3 HTML spec:

Thuộc tính không đồng bộ và trì hoãn là thuộc tính boolean cho biết cách thực thi tập lệnh. Các thuộc tính defer và async không được xác định nếu thuộc tính src không có mặt.

Vì vậy, thuộc tính này chỉ hợp lệ cho tập lệnh bên ngoài.