2013-03-22 20 views
18

Điều này rất có thể đã là một câu hỏi ở đâu đó, nhưng tôi không thể tìm thấy nó, vì MỌI tìm kiếm đơn lẻ sẽ trả lời các câu hỏi jQuery.

Tôi đang tìm một phương pháp đã được chứng minh để liên kết với tài liệu sẵn sàng, giống như jQuery $(document).ready(). Tuy nhiên, điều này là dành cho một trang "chỉ trình duyệt hiện đại", với javascript rất nhẹ và tôi muốn tránh tải jQuery tại đây.

Ai đó có thể chỉ cho tôi đúng hướng không?

Cảm ơn!

+0

này đã được hỏi một vài lần rồi. Vui lòng tìm kiếm trước khi đăng câu hỏi http://stackoverflow.com/questions/799981/document-ready-equivalent-without-jquery http://stackoverflow.com/questions/9899372/pure-javascript-equivalent-to-jquerys -ready-how-to-call-a-function-khi-the – rzr

+0

@rzr Đọc câu hỏi. Tôi đã tìm kiếm qua các trang câu hỏi và gặp khó khăn khi tìm câu trả lời. –

+1

@rzr Ngoài ra, câu hỏi bạn đã liên kết chỉ cung cấp các giải pháp trình duyệt chéo, tôi đang tìm một tập hợp con cụ thể. –

Trả lời

27
document.addEventListener('DOMContentLoaded', function() { 
    /* ... */ 
}); 

Sự kiện "DOMContentLoaded" sẽ được kích hoạt khi tài liệu được phân tích hoàn toàn, không có biểu định kiểu * và hình ảnh bổ sung. Nếu bạn cần đợi hình ảnh và bảng định kiểu, hãy sử dụng "load" để thay thế.

* chỉ khi <script> là trước khi <link rel="stylesheet" ...>

+1

Tôi sẽ chấp nhận khi tôi có thể - cắm nó vào, hoạt động như một sự quyến rũ! Cảm ơn bạn rất nhiều. –

+1

@RandyHall: Bạn được chào đón. Bạn có thể muốn xem https://github.com/addyosmani/jquery.parts/blob/master/jquery.documentReady.js (nó không phải là một plugin jQuery, nhưng là một phần độc lập của jQuery). – Zeta

+1

window.addEventListener ('tải') trông giống như cách để đi: http://stackoverflow.com/questions/16404380/why-doesnt-document-addeventlistenerload-function-work-in-a-greasemonkey-s –

Các vấn đề liên quan