document.ready，documentreadyState
documentready和onloaddocument.ready的区别 最简单的就是 执行时间 windowonload必须等到页面内包括图片的所有元素载入完毕后才能执行 $documentready是DOM结构绘制完毕后就执行，不必等到载入完毕多次呼叫 documentready 的话，文件载入完成以后回拨会被依次呼叫 onload=f1 onload=f2 这样的话document.ready；documentready 是一个用于确保在DOM完全加载和解析完毕之后执行脚本的方法这意味着在$documentready 里的JavaScript代码会在页面所有元素加载完成后运行而$function 实际上是$documentready 的简写形式当使用$function 时，它会自动等同于$documentreadyfunc。
documentready 和 windowonload 事件虽然在功能上有一定的相似性，但它们在触发时间上存在细微的区别windowonload 会在整个文档完全加载完毕后触发，确保页面上的所有元素以及相关的文件都已经下载并可以被访问这使得基于这些元素进行操作或执行复杂的脚本成为可能，因为所有内容都已就绪，无；1概念 documentready是ready，表示文档结构已经加载完成不包含图片等非文字媒体文件documentload是onload，指示页面包含图片等文件在内的所有元素都加载完成2作用 documentready在DOM加载完成后就可以可以对DOM进行操作一般情况一个页面响应加载的顺序是，域名解析加载html加载js和css。
document.ready和onload的区别
一区别如下1执行的时间不同documentreadyfunction 里的代码执行的时机实在document的内容都加载完毕才执行中的代码随html文档的加载过程中就会开始执行2程序稳健性不同documentreadyfunction 里的代码因为是文档完整加载后才执行，可以准确的操作需要操作的DOM元素。
ready这个方法用于在DOM完全加载和解析完成后立即执行代码它确保了页面的HTML结构已经加载完毕，但可能不包括如图片样式表文件和外部脚本等资源简写形式这是$ready的简写形式两者在功能上完全相同，都是确保DOM加载完成后执行代码jQuery默认将传递给$的函数视为$ready的回调与全局函数。
在JavaScript中，可以使用DOMContentLoaded事件来实现类似于jQuery的$ready方法以下是如何实现这一点的详细说明使用DOMContentLoaded事件代码示例javascriptdocumentaddEventListener 在此处编写你的代码，这些代码将在DOM加载完成后立即执行 consolelog 说明通过为document对象添加DOMContentLoaded。
一使用时机不同 1onload当用户进入页面时就会触发2documentready是当DOM载入就绪可以查询及操纵时绑定一个要执行的函数二作用不同 1onload事件常用来检测访问者的浏览器类型和版本，然后根据这些信息载入特定版本的网页2documentready是对向windowload事件注册事件的替代方法。
documentready是文档加载完后执行function和上面是一样，因为jquery默认的就是ready，所以执行力上一样的function axxxa用function a这种形式写的函数是全局函数，在任何调用的地方都能访问并且执行到，是body加载完后在调用a函数，本质上都没区别，执行力完全一。
documentready和onload的区别为加载程度不同执行次数不同执行速度不同一加载程度不同 1documentready在DOM加载完成后就可以可以对DOM进行操作一般情况一个页面响应加载的顺序是，域名解析加载html加载js和css加载图片等其他信息那么Dom Ready应该在“加载js和css”和“加载图片等其他。
documentready = function callback 兼容FF，Google if documentaddEventListener documentaddEventListener#39DOMContentLoaded#39， function documentremoveEventListener#39DOMContentLoaded#39， argumentscallee， false callback ， false 兼容IE。
document.readyState
1、在jQuery中，为了确保某个函数在页面加载完成后立即执行，可以使用documentreadyfunction funName 或者其简写$function funName 使用documentreadyfunction funName 或$function funName ，可以保证函数funName在页面元素完全加载完毕之后调用。
2、jQuery的ready方法是前端开发中确保DOM完全加载后再执行代码的核心工具以下是详细的使用指南和注意事项一基本用法标准写法通过$documentready包裹代码，确保DOM结构就绪后执行documentreadyfunction DOM加载完成后执行的代码 consolelog#34DO。
3、在JavaScript中，windowonload和$documentready在页面加载过程中的行为有所不同windowonload确保所有网页内容，包括图片，完全加载完毕后执行，而$documentready则在DOM结构绘制完成后即刻运行，无需等待所有资源这导致它们的编写方式执行次数和加载顺序有所区别windowonload是一个单例。
4、在AngularJS中，实现类似$ready的功能，有以下四种方法不推荐的方法直接在HTML模板中嵌入JavaScript代码 说明虽然这种方法可以在文档加载完成后立即执行JavaScript代码，但会导致代码结构混乱，不利于维护和复用因此，不推荐使用此方法利用Angular的事件机制 说明在AngularJS中，可以使用$on或$watch。
5、windowonload事件 每次只能保存对一个函数的引用 ，他会覆盖掉之前的函数，所以不能再现有行为上添加新的行为如果引用了多个js文件，每个都需要windowonload方法就导致编码复杂使用$documentready方法能够很好地解决这种问题，每次调用$documentready方法都会在现有行为上追加新的行为，这些行为。
6、三者都是一样的，最完整的写法是$documentreadyfunctionready 函数仅能用于当前文档，因此无需选择器所以document选择器可以不要，那么就可以写成readyfunction最后$的默认事件就是ready，所以，ready也可以省略，写成function另外一个页面可以写多个ready方法的。
