DOM sẵn sàng không phụ thuộc nhiều trình duyệt - Thủ thuật CSS

Anonim

Phiên bản của Denis Ciccale:

var DOMReady = function(a, b, c) ( b = document c = 'addEventListener' b(c) ? b(c)('DocumentContentLoaded', a) : window.attachEvent('onload', a) ) DOMReady(function () ( alert('The DOM is Ready!'); ));

Giảm thiểu:

var DOMReady = function(a,b,c)(b=document,c='addEventListener';b(c)?b(c)('DOMContentLoaded',a):window.attachEvent('onload',a))

Phiên bản của Dustin Diaz:

function r(f)(/in/.test(document.readyState)?setTimeout('r('+f+')',9):f())

Anh ấy cũng đã có một repo cho nó trong đó mã hơi khác một chút (và trông mới hơn) vì vậy bạn có thể muốn thử điều đó, mặc dù tôi đã thấy cách ở trên khá hiệu quả. Nhánh 0.3.0 của anh ấy được yêu cầu cho IE 6-7-8.

Hàm DOM gốc là:

document.addEventListener('DOMContentLoaded', function() ( ));

Trong trường hợp bạn tuyệt vời chỉ cần hỗ trợ các trình duyệt hỗ trợ điều đó.