对onload和addEvent执行顺序的分析 readydomjs浏览器ie
程序员文章站
2022-06-09 13:34:15
...
1、测试过的浏览器有:火狐4、谷歌浏览器、ie6、ie7、ie8、ie9。
2、在以上任何一种浏览器中都会最先执行ready,这是因为ready在等页面的结构(即:dom)加载完成之后,就已经开始执行了,而另外两种方法,是要等页面中的所有内容(包括:图片和js等)下载完成之后,才会执行。
3、onload和addEvent在火狐4、谷歌和ie9中的执行顺序取决于:它们在页面代码中的先后次序。也就是说:这两种方式谁在代码中的顺序比较靠前,就会先执行哪个方法。
4、onload和addEvent在ie6、ie7、ie8中的执行顺序始终为:先执行addEvent,然后执行onload。
5、如果在页面的body标签中添加了onload方法,则其执行顺序为:
为了方便叙述,A代表ready,B代表window.onload,C代表body中的onload方法,D代表addEvent。
(1)B和C方法在所有浏览器中都会相互覆盖掉对方,也就是说:谁写在页面的前边,就会在后面被对方给覆盖掉。
(2)如果B在C后面:在火狐、ie6、ie7、ie8、ie9中的执行顺序为:A、B、D。C方法不会执行。
在谷歌浏览器中的执行顺序为:A、D、B。C方法不会执行。
(3)如果C在B后面:在火狐、谷歌浏览器、ie9中的执行顺序为:A、D、C。B方法不会执行。
在ie6、ie7、ie8浏览器中的执行顺序为:A、C、D。B方法不会执行。
2、在以上任何一种浏览器中都会最先执行ready,这是因为ready在等页面的结构(即:dom)加载完成之后,就已经开始执行了,而另外两种方法,是要等页面中的所有内容(包括:图片和js等)下载完成之后,才会执行。
3、onload和addEvent在火狐4、谷歌和ie9中的执行顺序取决于:它们在页面代码中的先后次序。也就是说:这两种方式谁在代码中的顺序比较靠前,就会先执行哪个方法。
4、onload和addEvent在ie6、ie7、ie8中的执行顺序始终为:先执行addEvent,然后执行onload。
5、如果在页面的body标签中添加了onload方法,则其执行顺序为:
为了方便叙述,A代表ready,B代表window.onload,C代表body中的onload方法,D代表addEvent。
(1)B和C方法在所有浏览器中都会相互覆盖掉对方,也就是说:谁写在页面的前边,就会在后面被对方给覆盖掉。
(2)如果B在C后面:在火狐、ie6、ie7、ie8、ie9中的执行顺序为:A、B、D。C方法不会执行。
在谷歌浏览器中的执行顺序为:A、D、B。C方法不会执行。
(3)如果C在B后面:在火狐、谷歌浏览器、ie9中的执行顺序为:A、D、C。B方法不会执行。
在ie6、ie7、ie8浏览器中的执行顺序为:A、C、D。B方法不会执行。
上一篇: 用canvas画心电图的示例代码
下一篇: 减肥能吃红枣吗,红枣会不会长胖