Equivalente de .Cargar en JavaScript

".carga()"Es un método jQuery que se utiliza para recuperar contenido del servidor e inyectarlo o integrarlo en la página web. A veces, los desarrolladores quieren hacer la misma funcionalidad usando Vanilla JavaScript. JavaScript proporciona algunos métodos o eventos preconstruidos para realizar una funcionalidad exactamente similar a la jQuery ".Método de carga () ".

Esta publicación describirá los métodos equivalentes de ".load () ”en JavaScript.

¿Cuál es el equivalente de .Load () en JavaScript?

No hay un equivalente directo del ".carga()"Método en JavaScript. Pero, algunas otras formas diversas proporcionan una funcionalidad equivalente, como:

• método addEventListener ()
• Evento de carga

Solución 1: use el método "addEventListener ()" como el equivalente de .Load () en el JavaScript

El "addEventListener ()El método en JavaScript se usa para agregar un oyente de eventos a un elemento. El oyente de eventos verifica un evento determinado, como un clic, carga o KeyPress, y realiza una función cuando lo detecta.

Ejemplo

En el ejemplo dado, veremos si el DOM está cargado utilizando el "DomcontentLoaded"Evento en el método addEventListener (). Para esto, adjunte un oyente de eventos al "documento"Objeto que ejecuta una función para mostrar el mensaje de alerta"La página actual ha sido cargada":

documento.addEventListener ("DomContentLoaded", function ()
alerta ('la página actual se ha cargado');
);

La salida indica que el mensaje de alerta se muestra cuando se carga el DOM:

Solución 2: use el evento "Onload" como el equivalente de .Load () en JavaScript

También puedes usar el "encendido"Evento en JavaScript como equivalente a la jQuery".carga()". El evento de Onload se utiliza para adjuntar un controlador de eventos al evento de carga de un elemento. Es similar al ".carga()", Pero en lugar de utilizar un método, se establece directamente en el elemento como una propiedad. La carga se usa en JavaScript como:

• encendido
• Adjunte Onload con la etiqueta

Ejemplo 1: Uso de la "ventana.onload ”como el equivalente de .Load () en JavaScript

El "ventana.encendido"El evento se dispara después de cargar la página web completa, incluidos todos sus recursos, como imágenes, contenido, etc. Adjunta "encendido"Evento con el"ventana"Objeto llamar a la función para mostrar un mensaje de alerta:

ventana.onload = function ()
alerta ('la página actual se ha cargado');
;

Como puede ver, mientras actualiza la página, el mensaje de alerta se muestra después de cargar todo el contenido de la página:

Ejemplo 2: Uso de "Onload" en la etiqueta como el equivalente de .Load () en JavaScript

Aquí, adjuntaremos el "encendido"Evento con el""Etiqueta que llama al"LoadFunc ()Función "que se ejecutará una vez que la página web haya terminado de cargar:

En la etiqueta, defina una función "LoadFunc ()"Eso muestra un mensaje de alerta después de cargar la página completa:

función loadFunc ()
alerta ('la página actual se ha cargado');

Producción

Eso se trata del equivalente de jQuery ".Método de carga () "en JavaScript.

Conclusión

No hay equivalente directo de ".carga()"En JavaScript. Pero, puedes usar el "addEventListener ()"Método o"encendido"Evento como un"ventana.encendido"O adjuntar un"encendido"Evento con etiqueta. En este tutorial, observamos cómo implementar la jQuery ".Método de carga () "en JavaScript.