body.onstorage | Html

Descripción

El evento onstorage nos sirve para gestionar eventos de almacenamiento. Estos eventos se registran cuando se modifica el área de almacenamiento desde otra página diferente a la página que estamos ejecutando.

Sintaxis

<body onstorage="funcion(event)"></body>

Elemento Padre

body

Ejemplo

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Insertar elemento en la Web Storage</title>
</head>
<body>

    <h1>Cambios en el storage</h1>
    <div id="cambios"></div>

    <script>

    window.addEventListener("storage",function(e){
        let cambios = document.getElementById("cambios");
        cambios.innerHTML = cambios.innerHTML + "La clave " + e.key + " cambia su antiguo valor de '" + e.oldValue + "' por el nuevo valor '" + e.newValue + "'.<br>";
    });

    </script>

</body>
</html>

Artículos

Manual HTML

Aprende más sobre HTML consultando online o descargando nuestro manual.

Test HTML

¿Te atreves a probar tus habilidades y conocimiento en HTML con nuestro test?

Vídeos HTML

Disfruta también de nuestros artículos sobre HTML en formato vídeo. Aprovecha y suscribete a nuestro canal.