El evento onload se dispara cuando terminamos de cargar toda la página. Es decir luego que se a creado el árbol con todos los elementos de la página. Cuando se dispara este evento estamos seguro que todos los elementos de la página están creados.
El evento onunload se dispara cuando salimos del sitio y nos dirigimos por medio de un hipervínculo a otro o cerramos la ventana del navegador.
Veamos con un ejemplo como mostrar un alert de bienvenida al sitio y otro de despedida:
pagina.html
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Prueba</title>
</head>
<body onload="ventanaBienvenida()" onunload="ventanaDespedida()">
<h1>Bienvenido</h1>
<script src="funciones.js "></script>
</body>
</html>
funciones.js
function ventanaBienvenida() {
alert("Bienvenido a este sitio.")
}
function ventanaDespedida() {
alert("Lo esperamos nuevamente.")
}
La función ventanaBienvenida() se ejecuta inmediatamente finaliza la carga de la página en el navegador y la función ventanaDespedida() una vez que cerremos dicha página.