blocks|key|1318744|text|您可能想使用jQuery之类的东西，它可以使JS编程变得更容易。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1318745|类似于：|1318746|$(document).ready(function(){
+++//+Your+code+here
});|code-block|syntax|javascript|1318747|看起来会做你想做的事。|1318748|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|O|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

You probably want to use something like jQuery, which makes JS programming easier.

Something like:

<pre><code>$(document).ready(function(){
 // Your code here
});
</code></pre>

Would seem to do what you are after.

blocks|key|1534023|text|不需要库。顺便说一下，jQuery使用这个脚本有一段时间了。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1534024|http://dean.edwards.name/weblog/2006/06/again/|offset|length|1534025|//+Dean+Edwards/Matthias+Miller/John+Resig

function+init()+{
++//+quit+if+this+function+has+already+been+called
++if+(arguments.callee.done)+return;

++//+flag+this+function+so+we+don't+do+the+same+thing+twice
++arguments.callee.done+=+true;

++//+kill+the+timer
++if+(_timer)+clearInterval(_timer);

++//+do+stuff
};

/*+for+Mozilla/Opera9+*/
if+(document.addEventListener)+{
++document.addEventListener("DOMContentLoaded",+init,+false);
}

/*+for+Internet+Explorer+*/
/*@cc_on+@*/
/*@if+(@_win32)
++document.write("<script+id=__ie_onload+defer+src=javascript:void(0)><\/script>");
++var+script+=+document.getElementById("__ie_onload");
++script.onreadystatechange+=+function()+{
++++if+(this.readyState+==+"complete")+{
++++++init();+//+call+the+onload+handler
++++}
++};
/*@end+@*/

/*+for+Safari+*/
if+(/WebKit/i.test(navigator.userAgent))+{+//+sniff
++var+_timer+=+setInterval(function()+{
++++if+(/loaded%7Ccomplete/.test(document.readyState))+{
++++++init();+//+call+the+onload+handler
++++}
++},+10);
}

/*+for+other+browsers+*/
window.onload+=+init;|code-block|syntax|javascript|1534026|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|1A|0|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|S|8|@]|9|@$D|T|E|U|1|V]]|A|$]]|$1|F|3|G|5|H|7|W|8|@]|9|@]|A|$I|J]]|$1|K|3|-4|5|6|7|X|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|C]]]]

No need for a library. jQuery used this script for a while, btw.

<a href="http://dean.edwards.name/weblog/2006/06/again/" rel="noreferrer">http://dean.edwards.name/weblog/2006/06/again/</a>

<pre><code>// Dean Edwards/Matthias Miller/John Resig

function init() {
 // quit if this function has already been called
 if (arguments.callee.done) return;

 // flag this function so we don't do the same thing twice
 arguments.callee.done = true;

 // kill the timer
 if (_timer) clearInterval(_timer);

 // do stuff
};

/* for Mozilla/Opera9 */
if (document.addEventListener) {
 document.addEventListener("DOMContentLoaded", init, false);
}

/* for Internet Explorer */
/*@cc_on @*/
/*@if (@_win32)
 document.write("&lt;script id=__ie_onload defer src=javascript:void(0)&gt;&lt;\/script&gt;");
 var script = document.getElementById("__ie_onload");
 script.onreadystatechange = function() {
 if (this.readyState == "complete") {
 init(); // call the onload handler
 }
 };
/*@end @*/

/* for Safari */
if (/WebKit/i.test(navigator.userAgent)) { // sniff
 var _timer = setInterval(function() {
 if (/loaded|complete/.test(document.readyState)) {
 init(); // call the onload handler
 }
 }, 10);
}

/* for other browsers */
window.onload = init;
</code></pre>

blocks|key|1318789|text|if(document.readyState+===+'complete')+{
++++DoStuffFunction();
}+else+{
++++if+(window.addEventListener)+{++
++++++++window.addEventListener('load',+DoStuffFunction,+false);
++++}+else+{
++++++++window.attachEvent('onload',+DoStuffFunction);
++++}
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1318790|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>if(document.readyState === 'complete') {
 DoStuffFunction();
} else {
 if (window.addEventListener) { 
 window.addEventListener('load', DoStuffFunction, false);
 } else {
 window.attachEvent('onload', DoStuffFunction);
 }
}
</code></pre>

blocks|key|1534071|text|上面使用JQuery的方法是最简单也是最常用的方法。然而，您可以使用纯javascript，但尝试在头部定义此脚本，以便在开始时读取它。您要查找的是window.onload事件。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1534072|下面是我创建的一个运行计数器的简单脚本。然后计数器在10次迭代后停止|1534073|window.onload=function()
{
++++var+counter+=+0;
++++var+interval1+=+setInterval(function()
++++{+
++++++++document.getElementById("div1").textContent=counter;
++++++++counter%2B%2B;+
++++++++if(counter==10)
++++++++{
++++++++++++clearInterval(interval1);
++++++++}
++++},1000);

}|code-block|syntax|javascript|1534074|entityMap^0|22|D|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|R|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|S|8|@]|D|@]|E|$K|L]]|$1|M|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|N|$]]

The above one with JQuery is the easiest and mostly used way. However you can use pure javascript but try to define this script in the head so that it is read at the beginning. What you are looking for is <code>window.onload</code> event.

Below is a simple script that I created to run a counter. The counter then stops after 10 iterations 

<pre><code>window.onload=function()
{
 var counter = 0;
 var interval1 = setInterval(function()
 { 
 document.getElementById("div1").textContent=counter;
 counter++; 
 if(counter==10)
 {
 clearInterval(interval1);
 }
 },1000);

}
</code></pre>

blocks|key|1318914|text|我有其他的解决方案，我的应用程序需要在创建MyApp的新对象时启动，所以它看起来像：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1318915|function+MyApp(objId){
+++++this.init=function(){
++++++++//.........
+++++}
+++++this.run=function(){
++++++++++if(!document+%7C%7C+!document.body+%7C%7C+!window[objId]){
++++++++++++++window.setTimeout(objId%2B".run();",100);
++++++++++++++return;
++++++++++}
++++++++++this.init();
+++++};
+++++this.run();
}
//and+i+am+starting+it+
var+app=new+MyApp('app');|code-block|syntax|javascript|1318916|据我所知，它可以在所有浏览器上运行。|1318917|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

I have other solution, my application need to be started when new object of MyApp is created, so it looks like:

<pre><code>function MyApp(objId){
 this.init=function(){
 //.........
 }
 this.run=function(){
 if(!document || !document.body || !window[objId]){
 window.setTimeout(objId+".run();",100);
 return;
 }
 this.init();
 };
 this.run();
}
//and i am starting it 
var app=new MyApp('app');
</code></pre>

it is working on all browsers, that i know.

blocks|key|1318929|text|试试这个：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1318930|var+body+=+document.getElementsByTagName('BODY')[0];
//+CONDITION+DOES+NOT+WORK
if+((body+&&+body.readyState+==+'loaded')+%7C%7C+(body+&&++body.readyState+==+'complete')+)+{
++++DoStuffFunction();
}+else+{
++++//+CODE+BELOW+WORKS
++++if+(window.addEventListener)+{
++++++++window.addEventListener('load',+DoStuffFunction,+false);
++++}+else+{
++++++++window.attachEvent('onload',DoStuffFunction);
++++}
}|code-block|syntax|javascript|1318931|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|$]]

Try this:

<pre><code>var body = document.getElementsByTagName('BODY')[0];
// CONDITION DOES NOT WORK
if ((body &amp;&amp; body.readyState == 'loaded') || (body &amp;&amp; body.readyState == 'complete') ) {
 DoStuffFunction();
} else {
 // CODE BELOW WORKS
 if (window.addEventListener) {
 window.addEventListener('load', DoStuffFunction, false);
 } else {
 window.attachEvent('onload',DoStuffFunction);
 }
}
</code></pre>

I want to call a function after a document loads, but the document may or may not have finished loading yet. If it did load, then I can just call the function. If it did NOT load, then I can attach an event listener. I can't add an eventlistener after onload has already fired since it won't get called. So how can I check if the document has loaded? I tried the code below but it doesn't entirely work. Any ideas?

<pre><code>var body = document.getElementsByTagName('BODY')[0];
// CONDITION DOES NOT WORK
if (body &amp;&amp; body.readyState == 'loaded') {
 DoStuffFunction();
} else {
 // CODE BELOW WORKS
 if (window.addEventListener) { 
 window.addEventListener('load', DoStuffFunction, false);
 } else {
 window.attachEvent('onload', DoStuffFunction);
 }
}
</code></pre>

Javascript - How to detect if document has loaded (IE 7/Firefox 3)

jQuery

我想在文档加载后调用函数，但文档可能尚未完成加载，也可能尚未完成加载。如果它确实加载了，那么我可以直接调用该函数。如果它没有加载，那么我可以附加一个事件侦听器。我不能在onload已经触发之后添加一个eventlistener，因为它不会被调用。那么，如何检查文档是否已加载呢？我尝试了下面的代码，但它并不完全有效。有什...

问Javascript -如何检测文档是否已加载(IE 7/Firefox 3)
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Javascript -如何检测文档是否已加载(IE 7/Firefox 3)EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Javascript -如何检测文档是否已加载(IE 7/Firefox 3)
EN