document.ready，documentready
windowonload事件 每次只能保存对一个函数document.ready的引用 ，他会覆盖掉之前document.ready的函数，所以不能再现有行为上添加新的行为如果引用了多个js文件，每个都需要windowonload方法就导致编码复杂使用$documentready方法能够很好地解决这种问题，每次调用$documentready方法都会在现有行为上追加新的行为，这些行为。
jQuery的ready方法是前端开发中确保DOM完全加载后再执行代码的核心工具以下是详细的使用指南和注意事项一基本用法标准写法通过$documentready包裹代码，确保DOM结构就绪后执行documentreadyfunction DOM加载完成后执行的代码 consolelog#34DOM已就绪#34简化。
在AngularJS中，实现类似$ready的功能，有以下四种方法不推荐的方法直接在HTML模板中嵌入JavaScript代码 说明虽然这种方法可以在文档加载完成后立即执行JavaScript代码，但会导致代码结构混乱，不利于维护和复用因此，不推荐使用此方法利用Angular的事件机制 说明在AngularJS中，可以使用$on或$watch。
ready这个方法用于在DOM完全加载和解析完成后立即执行代码它确保了页面的HTML结构已经加载完毕，但可能不包括如图片样式表文件和外部脚本等资源简写形式这是$ready的简写形式两者在功能上完全相同，都是确保DOM加载完成后执行代码jQuery默认将传递给$的函数视为$ready的回调与全局。
这要看jq语句与html语句哪个在前哪个在后，造成绑定失败所以，凡是涉及页面dom元素操作且必须在页面打开后就运行的语句，都应该放到ready事件中执行当然，并不是说放到外面就一定会出错，但程序这种东西是严谨的，从代码健壮性考虑，按照标准方式去做，可以避免以后的很多麻烦。
一区别如下1执行的时间不同documentreadyfunction 里的代码执行的时机实在document的内容都加载完毕才执行中的代码随html文档的加载过程中就会开始执行2程序稳健性不同documentreadyfunction 里的代码因为是文档完整加载后才执行，可以准确的操作需要操作的DOM元素。
documentready和onload的区别 最简单的就是 执行时间 windowonload必须等到页面内包括图片的所有元素载入完毕后才能执行 $documentready是DOM结构绘制完毕后就执行，不必等到载入完毕多次呼叫 documentready 的话，文件载入完成以后回拨会被依次呼叫 onload=f1 onload=f2 这样的话。
在JavaScript中，windowonload和$documentready在页面加载过程中的行为有所不同windowonload确保所有网页内容，包括图片，完全加载完毕后执行，而$documentready则在DOM结构绘制完成后即刻运行，无需等待所有资源这导致它们的编写方式执行次数和加载顺序有所区别windowonload。
