在前端开发中，我们经常需要等待文档加载完成后再执行代码。这个过程可以通过使用Domready插件或者jQuery(document).ready()实现。本文将介绍这两种方法的用法和区别，并提供示例代码。
Domready插件
Domready插件是RequireJS自带的一种插件，它提供了一种简单的方式来处理文档加载完成后执行代码的问题。
要使用Domready插件，首先需要在RequireJS配置文件中添加以下代码：
------------------
------ -
--------- ------------------
-
---然后，在代码中，可以像下面这样使用Domready插件：
--------------------- -------- -- -
-- --------------------
---当模块被加载时，Domready插件会自动等待文档加载完成后再执行回调函数。这个回调函数作为模块的依赖传递给RequireJS，因此可以确保它只会在文档加载完成后执行。
jQuery(document).ready()
另一种常用的方式是使用jQuery(document).ready()函数。这个函数也可以确保代码在文档加载完成后执行，但是使用起来比Domready插件稍微麻烦一些。
在代码中，可以像下面这样使用jQuery(document).ready()函数：
-------------------------- -- -
-- --------------------
---或者，可以使用更简洁的写法：
---------- -- -
-- --------------------
---区别和建议
虽然这两种方式都可以确保代码在文档加载完成后执行，但是它们之间还是有一些区别的。
首先，Domready插件是RequireJS自带的，因此不需要额外引入jQuery库。而jQuery(document).ready()函数依赖于jQuery库。
其次，Domready插件只能确保模块中的代码在文档加载完成后执行，而jQuery(document).ready()函数可以确保整个页面中的代码在文档加载完成后执行。
建议使用Domready插件来处理模块中的代码，在整个页面中使用jQuery(document).ready()函数。
示例代码
使用Domready插件实现文档加载完成后显示消息框
------------------
------ -
--------- ------------------
-
---
--------------------- -------- -- -
----------------
---使用jQuery(document).ready()函数实现文档加载完成后显示消息框
-------------------------- -- - ---------------- ---
或者
---------- -- - ---------------- ---
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/10975