javascript - requireJS的domready好像和windon.onload是等价的？

Question

在使用requirejs的过程中，我将执行代码都放到domready里面去，但发现，如果页面中有图片，并且服务器还没返回状态码(404之类的)，就会导致JS没法执行（一些点击操作。）。若是用jquery的$(function(){})就不会有这种情况的出现，图片即使还在请求中，浏览器刷新状态还在转，不会影响代码的执行。

Answer 1

你需要了解下dom的加载方式：

可以用setTimeout 模拟加载

会出项闪屏的效果，体验不是很好

也可以用 onload

文档外部资源不是很多的时候可以用，当有大量的页面的时候，我们必须等待所有的内容加载完了，
用户体验不是很好(指示页面包含图片等文件在内的所有元素都加载完成)如：

• 原生onload实现

window.onload = function（）{}

• jQuery的实现方法

$(window).load(function() {
// including all frames, objects and images 
});

DOMready 成了我们最终的选择

原理： 在页面的dom树创建完成后（也就是HTML解析第一步完成）即触发，而无需等待其他的资源的加载,但有分为如下两种情况：

• 支持DOMContentLoaded事件的

DOMContentLoaded事件:当页面中的文档树解析完成时,在页面的Document对象上,会触发DOMContentLoaded事件.该事件代表了,页面的DOM树已经构建完成,但页面引用的样式表和图像文件,以及包含的框架页面可能还没有加载完成,在页面完全加载完成时,会触发另外一个类似的称为"load"的事件.

• 不支持的，就用Diego Perini 的hack 兼容。其兼容原理大概就是通过IE的document.documentElement.doScroll('left')来判断DOM树是否创建完毕

如 jQuery实现方法

$(document).ready(function() {
});

dom 基础 这个可以看一下，挺不错的。

Answer 2

domready是dom加载完成后的回调。
window.onload是页面所有内容都加载完成后才执行（包括图片的加载）。