Como hacer que jQuery se ejecute una vez cargado el documento web

Como hacer que jQuery se ejecute una vez cargado el documento web

En web suele ser una buena idea esperar a que se haya cargado toda la página para cargar el Javascript.

De este modo conseguimos que la velocidad de carga percibida por el usuario sea mucho mayor y además evitamos molestos errores de Javascript por no existir todavía alguna etiqueta de la página web.

En jQuery disponemos de 4 formas de hacerlo.

Dos de ellas están directamente extraídas de Javascript.

Las otras dos son íntegramente pertenecientes a jQuery.

Método 1

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

Esta fórmula suele ser la más usada en tutoriales de jQuery.

Pasamos al objeto jQuery el nodo documento y activamos el evento .ready()

Método 2

$(function(){})

Este método es menos intuitivo y el más reducido de todos.

Método 3

window.addEventListener("load",function(){})

Cualquier sistema válido en javascript puede usarse cuando estamos pensando en jQuery.

Este es el caso del método addEventListener() de Javascript combinado con el evento onload (dentro del paréntesis se escribe sólo load)

Método 4

window.onload = function(){};

Podemos tratar el evento onload como un atributo del nodo window.

Este sistema es válido siempre pero presenta el inconveniente de que sobrescribe posibles eventos onload de otras partes de nuestro código.

No recomiendo este sistema a pesar de que académicamente es fácil de comprender.

¡Hola!

Querido lector,

Espero que este resumen te haya sido de utilidad.

¡Si te ha gustado este contenido te animo a seguirme en mi perfil de empresa de Linkedin!

¿Te ha gustado esta publicación?

¡Valora sobre 5 estrellas esta publicación!

Puntuación media / 5. Votos:

Todavía no hay votos. Sé el primero en valorar la entrada.

Si te ha gustado este contenido...

¡Sígueme en las redes!

Vaya, parece que hay puntos a corregir

¿Me ayudas a mejorar?

Francesc Ricart
hola@francescricart.com

Aprender y enseñar. Enseñar y aprender. En el ámbito docente soy docente ocupacional. En el ámbito profesional consultor web. Ofrezco servicios de mejora continua y mantenimiento web. ¿Qué quieres aprender hoy? Encontraréis más acerca de mi en la página sobre mi

No hay comentarios

Escribir un comentario

  Acepto la política de privacidad

Responsable: FRANCESC RICART MUÑOZ.

Finalidad: Gestionar los comentarios que realizas en este blog.

Destinatarios: No se cederán datos a terceros, salvo obligación legal.

Derechos: Tienes derecho a acceder, rectificar y suprimir los datos, así como otros derechos, como se explica en la política de privacidad.