Cómo llamar a una función de JavaScript al cargar una página

Al crear una página web, a veces es necesario llamar una función de JavaScript en el momento en que la página se carga por completo. Esto se puede lograr de varias maneras y en este artículo se explicarán las diferentes opciones disponibles.

Usando el evento onload

Una de las formas más comunes de llamar a una función de JavaScript al cargar una página es utilizando el evento onload. Este evento se dispara automáticamente cuando la página ha terminado de cargar.

El siguiente es un ejemplo de cómo usar el evento onload:


window.onload = function() {
// Aquí va el código de la función
}


Este código debe ubicarse en la sección script de la página y dentro de él va el código de la función que se quiere llamar.

Usando jQuery

Otra forma de llamar a una función de JavaScript al cargar una página es utilizando jQuery. En jQuery, se utiliza el método $(document).ready() para esperar a que el DOM cargue completamente antes de ejecutar una función.

El siguiente es un ejemplo de cómo usar $(document).ready():


$(document).ready(function() {
// Aquí va el código de la función
});


Este código también debe ubicarse en la sección script de la página y dentro de él va el código de la función que se quiere llamar.

Usando onload en el body

También se puede usar el atributo onload en la etiqueta body de HTML para llamar a una función de JavaScript cuando se carga una página. Esto se puede lograr de la siguiente manera:

Este código debe ubicarse en el código HTML de la página y debe incluir el nombre de la función que se quiere llamar.

Conclusión

Llamar a una función de JavaScript al cargar una página es una tarea común en el desarrollo web. En este artículo se han presentado tres opciones para lograr este objetivo: utilizando el evento onload, usando jQuery o utilizando el atributo onload en la etiqueta body de HTML.

Preguntas frecuentes

¿Puedo llamar a múltiples funciones al cargar una página?

Sí, se pueden llamar a múltiples funciones utilizando cualquiera de las opciones presentadas en este artículo. Solo se deben agregar las funciones adicionales dentro del código de la función principal.

¿Es necesario utilizar una biblioteca como jQuery para llamar a una función de JavaScript al cargar una página?

No, no es necesario utilizar una biblioteca como jQuery. Se pueden lograr los mismos resultados utilizando el evento onload o usando el atributo onload en la etiqueta body de HTML.

¿Por qué es importante esperar a que la página cargue antes de llamar a una función?

Es importante esperar a que la página cargue completamente antes de llamar a una función de JavaScript para asegurarse de que todos los elementos de la página se hayan cargado y estén listos para ser manipulados por la función.

¿Dónde puedo encontrar más información sobre cómo utilizar JavaScript en el desarrollo web?

Existen muchos recursos en línea para aprender a utilizar JavaScript en el desarrollo web. Algunos sitios populares son W3Schools, Mozilla Developer Network y Stack Overflow.

Ejemplos de código

A continuación, se muestra un ejemplo completo de cómo llamar a una función de JavaScript al cargar una página utilizando el evento onload:









Cómo redondear un número a 2 decimales en JavaScript

Cómo eliminar un elemento de un arreglo por su valor en JavaScript

Cómo leer un archivo de texto local utilizando JavaScript?

Cómo eliminar caracteres de cadenas de texto en JavaScript

Cómo formatear una fecha como YYYY-MM-DD en JavaScript

Cómo eliminar una subcadena de una cadena en JavaScript

Cómo convertir un timestamp a formato de fecha en JavaScript

Cómo imprimir en la Consola en JavaScript

Cómo agregar comas a los números en JavaScript