Después de que el navegador carga el DOM, agregará eventos al elemento DOM a través de JavaScript. En JavaScript, el método Window.Onload () generalmente se usa.
En jQuery, se utiliza el método $ (documento) .Ready (). Permítanme introducir la diferencia entre los dos a continuación.
| Window.Onload () | $ (documento) .Ready () | |
| Tiempo de ejecución | Ejecute todos los elementos de la página (incluidas imágenes y archivos de referencia) después de cargar. | Todos los doms HTML en la página se ejecutarán después de cargar la estructura DOM CSS, y no se pueden cargar otras imágenes. Si desea que todo el contenido de la página web (incluidas las imágenes, etc.) cargue, registre el evento y use $ (ventana) .Load (función); Equivalente a window.onload () |
| Escribe un número | No puede escribir varias palabras al mismo tiempo, este último sobrescribirá el anterior. ex: window.onload = function () {alert ("a"); } window.onload = function () {alert ("b"); } El resultado será "B" Si desea ejecutar alerta ("a") y alerta ("b") en secuencia, debe escribirla window.onload = function () { alerta ("A"); alerta ("b"); } | Puede escribir múltiples simultáneamente |
| Abreviatura | ninguno | $ (documento) .Ready (function () { //hacer; }); Se puede escribir como $ (). Ready (function () {// $ () sin parámetros es documento //hacer; });o $ (function () { //hacer; }); |