blocks|key|3311565|text|jQuery不使用window.onload。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3311566|$(document).ready()等待，直到DOM加载并可以遍历(内容的其余部分可能会加载，也可能不会加载)。|3311567|如果您调出jQuery的源代码并对混乱进行排序，您会发现这项工作是由bindReady()方法完成的，该方法针对不同的浏览器有几个不同的实现，只有当所有这些实现都失败时，它才会重新侦听窗口的load事件。|3311568|entityMap^0|9|D|0|0|J|0|Y|B|0^^$0|@$1|2|3|4|5|6|7|L|8|@$9|M|A|N|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|H|3|I|5|6|7|R|8|@$9|S|A|T|B|C]]|D|@]|E|$]]|$1|J|3|-4|5|6|7|U|8|@]|D|@]|E|$]]]|K|$]]

jQuery doesn't use <code>window.onload</code>.

<code>$(document).ready()</code> waits until the DOM has loaded and can be traversed (the rest of the content may or may not be loaded by that point).

If you pull up the source for jQuery and sort through the mess, you'll find the work is done by the <code>bindReady()</code> method which has several different implementations for different browsers and only when all of those implementations fail does it fall back on listening for the load event for the window.

blocks|key|334474|text|这实际上是大多数人使用像jQuery这样的框架的最大原因之一，因为这个问题的解决方案在不同的浏览器上并不一致。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|334475|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

This is actually one of the biggest reasons most people use frameworks like jQuery because the solution to this is not consistent across browsers.

blocks|key|3311578|text|虽然我通常主张在没有必要的情况下避免使用框架，但我想说在这种情况下使用框架是完全可以的。下面是jQuery：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3311579|$(function+()+{
++++//+do+stuff+after+DOM+has+loaded
});|code-block|syntax|javascript|3311580|请注意，它与window.onload事件不同，因为onload在加载其他资源(图像等)后首先执行。我在示例中使用的代码将在DOM完成加载时执行，即当完整的HTML结构可用时(不一定当图像、CSS等可用时)。|offset|length|style|CODE|3311581|如果你想要一个可检查的变量，你可以在ready-function中设置一个：|3311582|var+documentIsReady+=+false;
$(function+()+{+documentIsReady+=+true;+});|3311583|当然，如果您要做的只是检查是否支持DOM，那么您可以找到比jQuery更多的轻量级库。但是，在不同浏览器行为非常不同的情况下使用库(这就是这样的一种情况)。|3311584|使用DOMAssistant+library中的一些代码，创建您自己的"DOM就绪“函数应该不会太难：|3311585|var+domLoaded+=+function+(callback)+{
++++/*+Internet+Explorer+*/
++++/*@cc_on
++++@if+(@_win32+%7C%7C+@_win64)
++++++++document.write('<script+id="ieScriptLoad"+defer+src="//:"><\/script>');
++++++++document.getElementById('ieScriptLoad').onreadystatechange+=+function()+{
++++++++++++if+(this.readyState+==+'complete')+{
++++++++++++++++callback();
++++++++++++}
++++++++};
++++@end+@*/
++++/*+Mozilla,+Chrome,+Opera+*/
++++if+(document.addEventListener)+{
++++++++document.addEventListener('DOMContentLoaded',+callback,+false);
++++}
++++/*+Safari,+iCab,+Konqueror+*/
++++if+(/KHTML%7CWebKit%7CiCab/i.test(navigator.userAgent))+{
++++++++var+DOMLoadTimer+=+setInterval(function+()+{
++++++++++++if+(/loaded%7Ccomplete/i.test(document.readyState))+{
++++++++++++++++callback();
++++++++++++++++clearInterval(DOMLoadTimer);
++++++++++++}
++++++++},+10);
++++}
++++/*+Other+web+browsers+*/
++++window.onload+=+callback;
};|3311586|未经过测试，但它应该可以工作。我从DOMAssistant简化了它，因为DOMAssistant允许多个回调，并有检查，以确保您不能添加相同的函数两次等等。|3311587|entityMap|0|LINK|mutability|MUTABLE|url|http://code.google.com/p/domassistant/source/browse/trunk/modules/DOMAssistantLoad.js^0|0|0|6|D|Q|6|0|0|0|0|2|K|0|0|0|0^^$0|@$1|2|3|4|5|6|7|16|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|17|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|18|8|@$I|19|J|1A|K|L]|$I|1B|J|1C|K|L]]|9|@]|A|$]]|$1|M|3|N|5|6|7|1D|8|@]|9|@]|A|$]]|$1|O|3|P|5|D|7|1E|8|@]|9|@]|A|$E|F]]|$1|Q|3|R|5|6|7|1F|8|@]|9|@]|A|$]]|$1|S|3|T|5|6|7|1G|8|@]|9|@$I|1H|J|1I|1|1J]]|A|$]]|$1|U|3|V|5|D|7|1K|8|@]|9|@]|A|$E|F]]|$1|W|3|X|5|6|7|1L|8|@]|9|@]|A|$]]|$1|Y|3|-4|5|6|7|1M|8|@]|9|@]|A|$]]]|Z|$10|$5|11|12|13|A|$14|15]]]]

While I usually advocate avoiding using frameworks unless necessary, I'd say using one in this case is perfectly fine. Here's jQuery:

<pre><code>$(function () {
 // do stuff after DOM has loaded
});
</code></pre>

Note that it is NOT the same as an <code>window.onload</code> event, since <code>onload</code> executes first after other resources have been loaded (images etc.) The code I used in my example will execute when the DOM has finished loading, i.e., when the full HTML structure is available (not necessarily when images, CSS, etc. is available.)

If you want a checkable variable, you can set one in the ready-function:

<pre><code>var documentIsReady = false;
$(function () { documentIsReady = true; });
</code></pre>

Of course you can find even more light-weight libraries than jQuery if all you want to do is to check for DOM-ready. But use a library in cases where different browsers behave very differently (this is one such case.)

Using some code from the <a href="http://code.google.com/p/domassistant/source/browse/trunk/modules/DOMAssistantLoad.js" rel="noreferrer">DOMAssistant library</a>, making your own "DOM is ready" function shouldn't be too hard:

<pre><code>var domLoaded = function (callback) {
 /* Internet Explorer */
 /*@cc_on
 @if (@_win32 || @_win64)
 document.write('&lt;script id="ieScriptLoad" defer src="//:"&gt;&lt;\/script&gt;');
 document.getElementById('ieScriptLoad').onreadystatechange = function() {
 if (this.readyState == 'complete') {
 callback();
 }
 };
 @end @*/
 /* Mozilla, Chrome, Opera */
 if (document.addEventListener) {
 document.addEventListener('DOMContentLoaded', callback, false);
 }
 /* Safari, iCab, Konqueror */
 if (/KHTML|WebKit|iCab/i.test(navigator.userAgent)) {
 var DOMLoadTimer = setInterval(function () {
 if (/loaded|complete/i.test(document.readyState)) {
 callback();
 clearInterval(DOMLoadTimer);
 }
 }, 10);
 }
 /* Other web browsers */
 window.onload = callback;
};
</code></pre>

Not tested, but it should work. I simplified it from DOMAssistant, because DOMAssistant allows multiple callbacks and has checking to make sure you can't add the same function twice etc.

blocks|key|3311618|text|编辑：随着2018年的到来，我认为可以安全地倾听DOMContentLoaded事件。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|CODE|entityRanges|data|3311619|function+fireOnReady()+{+/*+...+*/+}
if+(document.readyState+===+'complete')+{
++++fireOnReady();
}+else+{
++++document.addEventListener("DOMContentLoaded",+fireOnReady);
}|code-block|syntax|javascript|3311620|3311621|请注意，该事件只会在页面加载时触发一次！如果你必须支持非常老的浏览器，那么看看我在下面放在一起的超轻量级脚本。|blockquote|3311622|3311623|3311624|3311625|3311626|仅供历史参考的：|3311627|3311628|3311629|jQuery有一个名为isReady的未记录属性，该属性在内部用于确定DOM就绪事件是否已触发：|3311630|if($.isReady)+{
++++//+DOM+is+ready
}+else+{
++++//+DOM+is+not+yet+ready
}|3311631|我从1.5.2开始，一直追溯到1.3.2，属性就在那里。虽然没有文档记录，但我想说您可以在jQuery的未来版本中依赖此属性。编辑：和一年后的v1.7.2，他们仍然使用$.isReady+-仍然没有文档，所以请自行承担使用风险。升级时要小心。|3311632|编辑：+v1.9，他们仍然使用$.isReady+-仍未记录|3311633|编辑：+v2.0，尽管它的所有“主要”变化，仍然使用$.isReady+-仍然没有文档|3311634|编辑：+v3.x仍使用$.isReady+-仍未记录|3311635|编辑：正如一些人所指出的，以上并没有真正回答这个问题。因此，我刚刚创建了一个受Dustin+Diaz的even+smaller+DOM+ready+snippet启发的mini+DOM+ready+snippet。Dustin创建了一种简洁的方法来检查文档readyState，如下所示：|3311636|if(+!/in/.test(document.readyState)+)+{
++++//+document+is+ready
}+else+{
++++//+document+is+NOT+ready
}|3311637|这样做的原因是因为浏览器有3种加载状态：“加载”、“交互”和“完成”(较早的WebKit也使用“已加载”，但您不必再担心这些)。您会注意到，“正在加载”和“交互”都包含文本"in"...因此，如果在document.readyState内部找到字符串"in“，那么我们知道我们还没有准备好。|3311638|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/Events/DOMContentLoaded|1|http://www.dustindiaz.com/smallest-domready-ever|2|https://github.com/DesignByOnyx/mini-domready^0|0|3|O|G|O|G|0|0|0|0|0|0|0|0|0|7|1|0|0|0|0|0|1R|3|2C|9|0|0|3|F|9|0|0|3|Q|9|0|0|3|B|9|0|0|3|1F|U|1|2C|M|2|0|0|2R|J|0^^$0|@$1|2|3|4|5|6|7|1R|8|@$9|1S|A|1T|B|C]|$9|1U|A|1V|B|D]]|E|@$9|1W|A|1X|1|1Y]]|F|$]]|$1|G|3|H|5|I|7|1Z|8|@]|E|@]|F|$J|K]]|$1|L|3|-4|5|6|7|20|8|@]|E|@]|F|$]]|$1|M|3|N|5|O|7|21|8|@]|E|@]|F|$]]|$1|P|3|-4|5|6|7|22|8|@]|E|@]|F|$]]|$1|Q|3|-4|5|6|7|23|8|@]|E|@]|F|$]]|$1|R|3|-4|5|6|7|24|8|@]|E|@]|F|$]]|$1|S|3|-4|5|6|7|25|8|@]|E|@]|F|$]]|$1|T|3|U|5|6|7|26|8|@$9|27|A|28|B|C]]|E|@]|F|$]]|$1|V|3|-4|5|6|7|29|8|@]|E|@]|F|$]]|$1|W|3|-4|5|6|7|2A|8|@]|E|@]|F|$]]|$1|X|3|Y|5|6|7|2B|8|@]|E|@]|F|$]]|$1|Z|3|10|5|I|7|2C|8|@]|E|@]|F|$J|K]]|$1|11|3|12|5|6|7|2D|8|@$9|2E|A|2F|B|C]|$9|2G|A|2H|B|D]]|E|@]|F|$]]|$1|13|3|14|5|6|7|2I|8|@$9|2J|A|2K|B|C]|$9|2L|A|2M|B|D]]|E|@]|F|$]]|$1|15|3|16|5|6|7|2N|8|@$9|2O|A|2P|B|C]|$9|2Q|A|2R|B|D]]|E|@]|F|$]]|$1|17|3|18|5|6|7|2S|8|@$9|2T|A|2U|B|C]|$9|2V|A|2W|B|D]]|E|@]|F|$]]|$1|19|3|1A|5|6|7|2X|8|@$9|2Y|A|2Z|B|C]]|E|@$9|30|A|31|1|32]|$9|33|A|34|1|35]]|F|$]]|$1|1B|3|1C|5|I|7|36|8|@]|E|@]|F|$J|K]]|$1|1D|3|1E|5|6|7|37|8|@$9|38|A|39|B|D]]|E|@]|F|$]]|$1|1F|3|-4|5|6|7|3A|8|@]|E|@]|F|$]]]|1G|$1H|$5|1I|1J|1K|F|$1L|1M]]|1N|$5|1I|1J|1K|F|$1L|1O]]|1P|$5|1I|1J|1K|F|$1L|1Q]]]]

Edit: As the year 2018 comes upon us, I think it's safe to listen for the <a href="https://developer.mozilla.org/en-US/docs/Web/Events/DOMContentLoaded" rel="noreferrer"><code>DOMContentLoaded</code></a> event.

<pre><code>function fireOnReady() { /* ... */ }
if (document.readyState === 'complete') {
 fireOnReady();
} else {
 document.addEventListener("DOMContentLoaded", fireOnReady);
}
</code></pre>

<blockquote>
 Please note, the event will only fire once when your page loads! If you have to support really old browsers, then check out the super lightweight script I put together below.
</blockquote>

<hr>

<hr>

For historical reference only:

<hr>

<hr>

jQuery has an undocumented property called isReady which is used internally to determine whether the DOM ready event has fired:

<pre><code>if($.isReady) {
 // DOM is ready
} else {
 // DOM is not yet ready
}
</code></pre>

I started at 1.5.2 went back as far as 1.3.2 and the property is there. While undocumented, I would say that you can rely on this property in future versions of jQuery.
Edit: And a year later - v1.7.2, they still use <code>$.isReady</code> - still undocumented, so please use at your own risk. Be careful when upgrading.

Edit: v1.9, they still use <code>$.isReady</code> - still undocumented

Edit: v2.0, with all of it's "major" changes, still uses <code>$.isReady</code> - still undocumented

Edit: v3.x still uses <code>$.isReady</code> - still undocumented

Edit: As several people have pointed out, the above does not really answer the question. So I have just created a <a href="https://github.com/DesignByOnyx/mini-domready" rel="noreferrer">mini DOM ready snippet</a> which was inspired by Dustin Diaz's <a href="http://www.dustindiaz.com/smallest-domready-ever" rel="noreferrer">even smaller DOM ready snippet</a>. Dustin created a neat way to check the document readyState with something similar to this:

<pre><code>if( !/in/.test(document.readyState) ) {
 // document is ready
} else {
 // document is NOT ready
}
</code></pre>

The reason this works is because the browser has 3 loading states: "loading", "interactive", and "complete" (older WebKit also used "loaded", but you don't have to worry about that any more). You will notice that both "loading" and "interactive" contain the text "in"... so if the string "in" is found inside of <code>document.readyState</code>, then we know we are not ready yet.

blocks|key|3311640|text|请查看来自microsoft的演示。->+http://ie.microsoft.com/testdrive/HTML5/DOMContentLoaded/Default.html，下面是允许您在DOM+ready上运行JS的代码要点……|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|3311641|(function+()+{
++++function+load2(){
++++++++//+put+whatever+you+need+to+load+on+DOM+ready+in+here
++++++++document.getElementById("but3").addEventListener("click",+doMore,+false);
++++}
++++if+(window.addEventListener)+{
++++++++window.addEventListener('DOMContentLoaded',+load2,+false);
++++}+else+{
++++++++window.attachEvent('onload',+load2);
++++}
}+());|code-block|syntax|javascript|3311642|以下是演示的部分javascript源代码。http://ie.microsoft.com/testdrive/Includes/Script/ReturnAndShareControls.js|3311643|它工作得很好。很好！！..在google+Chrome和IE+9上。|3311644|entityMap|0|LINK|mutability|MUTABLE|url|http://ie.microsoft.com/testdrive/HTML5/DOMContentLoaded/Default.html|1|http://ie.microsoft.com/testdrive/Includes/Script/ReturnAndShareControls.js^0|L|1X|0|0|0|M|23|1|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@$A|X|B|Y|1|Z]]|C|$]]|$1|D|3|E|5|F|7|10|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|11|8|@]|9|@$A|12|B|13|1|14]]|C|$]]|$1|K|3|L|5|6|7|15|8|@]|9|@]|C|$]]|$1|M|3|-4|5|6|7|16|8|@]|9|@]|C|$]]]|N|$O|$5|P|Q|R|C|$S|T]]|U|$5|P|Q|R|C|$S|V]]]]

Check out this demo from microsoft. -> <a href="http://ie.microsoft.com/testdrive/HTML5/DOMContentLoaded/Default.html">http://ie.microsoft.com/testdrive/HTML5/DOMContentLoaded/Default.html</a> 
And here is the gist of the code that allows you to run JS on DOM ready...

<pre><code>(function () {
 function load2(){
 // put whatever you need to load on DOM ready in here
 document.getElementById("but3").addEventListener("click", doMore, false);
 }
 if (window.addEventListener) {
 window.addEventListener('DOMContentLoaded', load2, false);
 } else {
 window.attachEvent('onload', load2);
 }
} ());
</code></pre>

Here is the some of the javascript source for the demo..
<a href="http://ie.microsoft.com/testdrive/Includes/Script/ReturnAndShareControls.js">http://ie.microsoft.com/testdrive/Includes/Script/ReturnAndShareControls.js</a>

It works well. Nice!!.. on google Chrome and IE 9.

blocks|key|3098808|text|我已经更新了+DOMAssistant+library的代码，它在我身上运行得很好|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|3098809|var+domReady+=+(function+(){
++var+arrDomReadyCallBacks+=+[]+;
++function+excuteDomReadyCallBacks(){
+++++++for+(var+i=0;+i+<+arrDomReadyCallBacks.length;+i%2B%2B)+{
+++++++++arrDomReadyCallBacks[i]();
+++++++}
+++++++arrDomReadyCallBacks+=+[]+;
++}

++return+function+(callback){
++++arrDomReadyCallBacks.push(callback);
+++++/*+Mozilla,+Chrome,+Opera+*/
++++++if+(document.addEventListener+)+{
++++++++++document.addEventListener('DOMContentLoaded',+excuteDomReadyCallBacks,+false);
++++++}
++++/*+Safari,+iCab,+Konqueror+*/
++++if+(/KHTML%7CWebKit%7CiCab/i.test(navigator.userAgent))+{
++++++++browserTypeSet+=+true+;
++++++++var+DOMLoadTimer+=+setInterval(function+()+{
++++++++++++if+(/loaded%7Ccomplete/i.test(document.readyState))+{
++++++++++++++++//callback();
++++++++++++++++excuteDomReadyCallBacks();
++++++++++++++++clearInterval(DOMLoadTimer);
++++++++++++}
++++++++},+10);
++++}
++++/*+Other+web+browsers+*/

++++window.onload+=+excuteDomReadyCallBacks;
}
})()|code-block|syntax|javascript|3098810|entityMap|0|LINK|mutability|MUTABLE|url|http://code.google.com/p/domassistant/source/browse/trunk/modules/DOMAssistantLoad.js^0|6|L|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

i've updated the code of <a href="http://code.google.com/p/domassistant/source/browse/trunk/modules/DOMAssistantLoad.js" rel="noreferrer"> DOMAssistant library</a> it works fine with me 

<pre><code>var domReady = (function (){
 var arrDomReadyCallBacks = [] ;
 function excuteDomReadyCallBacks(){
 for (var i=0; i &lt; arrDomReadyCallBacks.length; i++) {
 arrDomReadyCallBacks[i]();
 }
 arrDomReadyCallBacks = [] ;
 }

 return function (callback){
 arrDomReadyCallBacks.push(callback);
 /* Mozilla, Chrome, Opera */
 if (document.addEventListener ) {
 document.addEventListener('DOMContentLoaded', excuteDomReadyCallBacks, false);
 }
 /* Safari, iCab, Konqueror */
 if (/KHTML|WebKit|iCab/i.test(navigator.userAgent)) {
 browserTypeSet = true ;
 var DOMLoadTimer = setInterval(function () {
 if (/loaded|complete/i.test(document.readyState)) {
 //callback();
 excuteDomReadyCallBacks();
 clearInterval(DOMLoadTimer);
 }
 }, 10);
 }
 /* Other web browsers */

 window.onload = excuteDomReadyCallBacks;
}
})()
</code></pre>

blocks|key|335553|text|document.addEventListener("DOMContentLoaded",+function(e){
++++console.log("dom+ready");//output+to+web+browser+console
});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|335554|这不需要JQuery。不需要在DOMContentLoaded上传递第三个参数，因为此事件没有父级来遍历该事件。也不需要对其他人说的话花里胡哨。这将在DOM完全加载并准备好使用时告诉您。当我注意到DOM助手库时，我LOLed了。这个库是完全没用的。|unstyled|335555|在完全加载和解析文档时，无需等待样式表、图像和子帧完成加载，就会触发DOMContentLoaded事件|335556|addEventListener()是一个很棒的函数，用于检查任何事件，包括DOM就绪状态。当使用"DOMContentLoaded“时，不需要addEventListener()中的第三个参数，因为此触发器也没有父项来传递事件。在上面的例子中，你会注意到第二个参数是一个匿名函数。也可以将函数的名称传递到第二个参数中。|offset|length|style|CODE|335557|document.addEventListener([(string)event+trigger],+[function],[(boolean)traverse+DOM+tree]);|335558|在JQuery上使用它的另一个好处是，当您更新JQuery时，它不会被破坏。|335559|entityMap^0|0|0|0|0|I|20|I|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|V|8|@]|9|@]|A|$]]|$1|G|3|H|5|F|7|W|8|@]|9|@]|A|$]]|$1|I|3|J|5|F|7|X|8|@$K|Y|L|Z|M|N]|$K|10|L|11|M|N]]|9|@]|A|$]]|$1|O|3|P|5|6|7|12|8|@]|9|@]|A|$B|C]]|$1|Q|3|R|5|F|7|13|8|@]|9|@]|A|$]]|$1|S|3|-4|5|F|7|14|8|@]|9|@]|A|$]]]|T|$]]

<pre><code>document.addEventListener("DOMContentLoaded", function(e){
 console.log("dom ready");//output to web browser console
});
</code></pre>

no JQuery needed for this. There is no need to pass the 3rd parameter on a DOMContentLoaded as this event has no parent to traverse the event. Also no need to get all fancy with what everyone else is saying. This will tell you when the DOM is fully loaded and ready to use. I LOLed when i noticed the DOM assistant lib. That lib is absolutely useless. 

The DOMContentLoaded event is fired when the document has been completely loaded and parsed, without waiting for stylesheets, images, and subframes to finish loading

<code>addEventListener()</code> is a great function for checking any event including DOM ready status. When using "DOMContentLoaded" the 3rd parameter in <code>addEventListener()</code> is not needed as this trigger has no parent item to pass the event too. In my above example you will notice the 2nd parameter is an anonymous function. You can also pass the name of a function into the 2nd parameter. 

<pre><code>document.addEventListener([(string)event trigger], [function],[(boolean)traverse DOM tree]);
</code></pre>

Another benefit to using this over JQuery is this will not break when you update JQuery.

blocks|key|332963|text|如果你想要更小的库，只做特定的事情，你可以在microjs中使用库。对于手头的问题，可以使用DOMStatic+libs+ready方法。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|332964|entityMap|0|LINK|mutability|MUTABLE|url|http://microjs.com/#^0|M|7|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

If you want smaller libs which does only particular things, you could use libs in <a href="http://microjs.com/#" rel="nofollow">microjs</a>. For the question at hand DOMStatic libs ready method can be used.

blocks|key|337855|text|在这个问题被提出后的5年里，DOMContentLoaded已经成为一个普遍支持的事件，你可以直接使用它。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|337856|document.addEventListener('DOMContentLoaded',+function()+{
++++//..+do+stuff+..
},+false);|code-block|syntax|javascript|337857|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

In the 5 years that have passed since this question was asked DOMContentLoaded has become a universally supported event, and you can just use that.

<pre><code>document.addEventListener('DOMContentLoaded', function() {
 //.. do stuff ..
}, false);
</code></pre>

I know I can use different frameworks like prototype or jQuery to attach a function to the <code>window.onload</code>, but's not what I'm looking for.
I need something like <code>.readyState</code> so that I can do something like this:
<pre><code>if(document.isReady){
 var id = document.getElem ...
}
</code></pre>
is there any other way than using what the frameworks do?

Javascript domready?

jQuery

我知道我可以使用不同的框架，如prototype或jQuery来将函数附加到window.onload，但这不是我想要的。我需要像.readyState这样的东西，这样我才能做这样的事情：if(document.isReady){  var id = document.getElem ...}除了使用框架所做的事情之外...

问Javascript domready？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Javascript domready？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Javascript domready？
EN