Crear un evento de carga en la página en jQuery
El método on() con el evento load se usa para crear un evento de carga en la página en jQuery. Este tutorial demuestra cómo crear un evento de carga en la página en jQuery.
Crear un evento de carga en la página en jQuery
Anteriormente, jQuery tenía la función load(), que funcionaba como un evento de carga en la página o document.ready, pero este método quedó obsoleto en la versión 1.8 de jQuery y se eliminó en la versión 3.0. Ahora, el método on() se puede usar con el evento load para realizar una operación una vez que la página esté completamente cargada.
El método on() con el evento load funciona cuando todo está cargado en la página, incluidas hojas de estilo, imágenes, videos, etc.
La sintaxis del método on() es:
$(window).on('load', functionforOnPageLoad() )
Donde se llamará a la función cuando la página esté completamente cargada. Probemos un ejemplo:
<!DOCTYPE html>
<html>
<head>
<title> jQuery On Page Load </title>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"> </script>
</head>
<body>
<script type="text/javascript">
$(window).on('load', AlertMessage());
function AlertMessage() {
alert("Hello This is Page is fully loaded");
}
</script>
</body>
</html>
El código anterior alertará el mensaje cuando la página esté completamente cargada. Ver salida:
Probemos con otro ejemplo para mostrar la hora actual una vez que la página esté completamente cargada. Ver ejemplo:
<!DOCTYPE html>
<html>
<head>
<title> jQuery On Page Load </title>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"> </script>
</head>
<body>
<p> The current Time is: </p>
<span class="date"></span>
<script type="text/javascript">
$(window).on('load', ShowCurrentTime());
function ShowCurrentTime() {
document.querySelector("span").textContent = new Date();
}
</script>
</body>
</html>
El código anterior mostrará la hora actual una vez que la página esté completamente cargada. Ver salida:
Sheeraz is a Doctorate fellow in Computer Science at Northwestern Polytechnical University, Xian, China. He has 7 years of Software Development experience in AI, Web, Database, and Desktop technologies. He writes tutorials in Java, PHP, Python, GoLang, R, etc., to help beginners learn the field of Computer Science.
LinkedIn Facebook