Hogar Redes sociales Valores numéricos y almacenamiento local con HTML5 - Dummies

Valores numéricos y almacenamiento local con HTML5 - Dummies

Video: Curso de Javascript - 4.13. Web Storage. Ejemplo completo 2025

Video: Curso de Javascript - 4.13. Web Storage. Ejemplo completo 2025
Anonim

Con HTML5, puede escribir hasta 5MB de datos en un archivo localStorage especial en la computadora cliente. Todas las páginas que provienen de su dominio comparta la misma área de almacenamiento, de modo que pueda usar este mecanismo para mantener la persistencia de los datos entre varias páginas. Los datos también permanecen en la máquina cliente (hasta que la elimine), de modo que se pueden usar para realizar un seguimiento de la información a lo largo del tiempo. > Si está trabajando con datos numéricos, recuerde que localStorage almacena todo como una cadena. No es un problema almacenar un valor numérico en localStorage, pero cuando lo recupere, tendrá que convertir el valor a un valor numérico (con parseInt () o parseFloat ()) para el tipo de datos que necesita. Aquí hay un ejemplo que cuenta la cantidad de veces que un usuario ha visitado su sitio:

function countVisits () {str_count = localStorage. getItem ("count"); // obtener un valor numérico de str_count, ponerlo en conteo si (str_count == null || str_count == "null") {count = 0;} else {count = parseInt (str_count);} // finaliza si // cuenta de recuento de incrementos ++; // mostrar conteo lblCounter = documento. getElementById ("lblCounter"); lblCounter. innerHTML = "Has estado aquí" + cuenta + "veces"; // store count localStorage. setItem ("count", count);} // end count
Este código debería ejecutarse cada vez que se carga la página (quizás con el atributo).

Intenta obtener el recuento de
  1. localStore . Use el prefijo str_ para recordarle que los datos actualmente son una cadena.

    Asegúrese de que el valor exista.

  2. Si no hay ninguna entrada en la base de datos para el recuento, esta debe ser la primera vez que el usuario esté aquí (o hayan borrado la base de datos). En cualquier caso, asigne el valor 0 para contar (que es una variable numérica).

    Si existe str_count, conviértalo en un entero.

  3. Use el método parseInt () para convertir la cadena str_count en el recuento de enteros.

    Agregue uno para contar.

  4. Ahora que el recuento es un número entero, puede agregarlo.

    Muestra el valor del contador para el usuario.

  5. Por supuesto, esto no es absolutamente necesario, pero es bueno proporcionar algunos comentarios.

    Recuento de tienda

  6. de vuelta a la base de datos de localStorage. Tenga en cuenta que puede almacenar el conteo de enteros en la base de datos sin problemas. Se convertirá silenciosamente en una cadena cuando se almacena.

Valores numéricos y almacenamiento local con HTML5 - Dummies

Selección del editor

Filmmaking digital: ¿Qué necesitas para ejecutar Premiere Elements? - Dummies

Filmmaking digital: ¿Qué necesitas para ejecutar Premiere Elements? - Dummies

¿Estás pensando en usar Premiere Elements para editar tu película DSLR? Con soporte de 64 bits y funciones avanzadas, Premiere Elements funciona mejor en una computadora relativamente nueva. Esto es lo que necesita: Premiere Elements para Windows Si está ejecutando Premiere Elements en una PC, esto es lo que necesitará: procesador de 2 GHz o más rápido con soporte SSE2; dual-core ...

DSLR Filmmaking Support Devices - Dummies

DSLR Filmmaking Support Devices - Dummies

Aunque las películas pueden usar técnicas más pequeñas para mover la cámara DSLR a través de una escena, dispositivos de soporte a veces se usan. Se realizan una gran cantidad de disparos utilizando aparatos más sofisticados, como una plataforma móvil o una grúa. Camera Dolly Esta plataforma de cámara rodante se utiliza en producción de películas y televisión para crear movimientos suaves a través del ...

Lentes de cámara dSLR para cine - muñecos

Lentes de cámara dSLR para cine - muñecos

En el mundo cinematográfico, los objetivos de cámara para su DSLR son muy importantes. Así que elige tu lente sabiamente. Sin una buena lente, no tienes más que un pisapapeles realmente genial, aunque caro. Si bien es esencial, las lentes hacen más que capturar una imagen o controlar enfocando la escena; también son una herramienta importante para crear composición y control ...

Selección del editor

Crear imágenes de alto rango dinámico - dummies

Crear imágenes de alto rango dinámico - dummies

Una fotografía de alto rango dinámico (HDR) combina varias fotos en una, cada una con una exposición diferente (o en este caso, velocidad de obturación). El resultado es una foto que resalta todos los colores y gamas en algo que parece casi una obra de arte moderna, con colores y contrastes exagerados. Para lograr el efecto, ...

Cámaras digitales y tiras de droguería Hoja informativa para principiantes: maniquíes

Cámaras digitales y tiras de droguería Hoja informativa para principiantes: maniquíes

Es posible que ya tenga su primera cámara digital, o es posible que esté listo para obtener uno nuevo y esté buscando orientación sobre qué tipo de cámara digital comprar. O tal vez hayas tomado algunas fotos con tu nueva cámara digital, y los resultados fueron menos que estelares. Lo más probable es que ...

Funciones de la cámara digital para enfocar - tontos

Funciones de la cámara digital para enfocar - tontos

Fotógrafos digitales de todas las edades deben conocer las funciones de la cámara digital y sus funciones . Comprender las características de la cámara digital puede ayudarlo a elegir la cámara correcta cuando esté listo para comprar. Aquí hay algunas sugerencias y descripciones de las características de la cámara a considerar. Característica Explicación Recomendación Estilo del cuerpo Las cámaras compactas son muy pequeñas. Las cámaras Bridge o Prosumer son ...

Selección del editor

Cómo crear su propio servidor con XAMPP para programación HTML5 y CSS3 - Dummies

Cómo crear su propio servidor con XAMPP para programación HTML5 y CSS3 - Dummies

Es mucho más difícil configurar un servidor que funcione a mano que programarlo con HTML5 y CSS3. Las soluciones de alojamiento web a menudo pueden ser intimidantes. No se recomienda configurar su propio sistema a mano. Simplemente no vale la pena la frustración porque hay muy buenas opciones disponibles. XAMPP es un ...

Cómo administrar datos de forma remota para programación HTML5 y CSS3 - dummies

Cómo administrar datos de forma remota para programación HTML5 y CSS3 - dummies

HTML5 y CSS3 los sitios web a menudo trabajan con bases de datos. Su servicio de alojamiento puede tener características para trabajar con bases de datos MySQL de forma remota. Debe comprender cómo funciona este proceso porque a menudo es ligeramente diferente de trabajar con la base de datos en su máquina local. Cree su base de datos A menudo, una herramienta le permite elegir una base de datos definida o ...