En este artículo, aprenderemos cómo evitar que se ejecute el código antes de que el documento termine de cargarse.
A veces, es posible que necesitemos ejecutar un script después de cargar todo el documento, por ejemplo, si queremos calcular el tamaño de las imágenes en el documento, debemos esperar hasta que se cargue todo el documento.
El método ready() es un método incorporado en jQuery que ejecuta el código cuando se carga toda la página. Este método especifica la función a ejecutar cuando el DOM está completamente cargado.
Sintaxis:
$(document).ready(function)
Parámetros: este método toma una función como argumento. Se utiliza para especificar la función que se ejecutará después de cargar el documento.
Enlace CDN:
<script src=”https://code.jquery.com/jquery-1.9.1.min.js”></script>
Acercarse:
- Podemos hacer esto usando la función jQuery ready() .
- Cree una página HTML y use la etiqueta <script> que especifica el src para incrustar el enlace jQuery CDN anterior.
- En el método ready(), escriba la función que debe evitarse antes de que se cargue todo el documento .
Ejemplo: en el siguiente código, la línea 20 está en el método ready() , por lo que las líneas 19 y 25 se ejecutan e imprimen en la consola antes de la línea 20. La línea 20 se ejecuta después de cargar todo el documento.
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<script src=
"https://code.jquery.com/jquery-1.9.1.min.js">
</script>
</head>
<body>
<script>
console.log("This is on line 19 ");
$(document).ready(function () {
console.log("this line will execute after"
+ " the webpage is loaded (on line 20)");
});
console.log("This is on line 25 ");
</script>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por pulamolusaimohan y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA