2013-03-22 11 views
18

これはおそらくすでにどこかで質問になる可能性が高いですが、1回の検索でjQueryの質問が表示されるため、

jQueryの$(document).ready()のように、準備が整っているドキュメントにバインドする実績のあるメソッドを探しています。しかし、これは非常に軽いjavascriptを使用した「最新のブラウザのみ」のページで、jQueryのロードを避けたいと考えています。

誰かが親切に私を正しい方向に向けるでしょうか?

ありがとうございます!文書が完全に解析されたとき

+0

の前にある場合にのみ、これはすでに数回を頼まれました。質問を投稿する前に検索してください。 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-when-the – rzr

+0

@rzr質問をお読みください。私は質問のページを検索し、答えを見つけるのに苦労しました。 –

+1

@rzrさらに、リンク先の質問は、ブラウザ間のソリューションのみを提供しています。私は特定のサブセットを探しています。 –

答えて

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

イベント"DOMContentLoaded"はスタイルシート*および追加画像なしである、発射されます。画像やスタイルシートを待つ必要がある場合は、代わりに"load"を使用してください。

は* <script><link rel="stylesheet" ...>

+1

私はそれを差し込むことができます、魅力のように動作します!ありがとうございました。 –

+1

@RandyHall:ようこそ。 https://github.com/addyosmani/jquery.parts/blob/master/jquery.documentReady.js(jQueryプラグインではなく、jQueryの独立した部分)を見てみるとよいでしょう。 – Zeta

+1

window.addEventListener( 'load')は行く方法のようです:http://stackoverflow.com/questions/16404380/why-doesnt-document-addeventlistenerload-function-work-in-a-greasemonkey-s –