Atributos de cookies en JavaScript | Explicado

Hoy en día, es esencial mantener la información de la sesión en múltiples páginas para la mayoría de los sitios web. Por lo general, cuando un servidor web responde enviando una página web a su navegador, la conexión se termina y todos los datos almacenados en el servidor se pierden. Esta situación dificulta almacenar la información relacionada con la sesión del usuario, y no puede consultar el servidor para acceder a ella.

En tal escenario, Galletas se utilizan para almacenar información útil que se puede obtener más tarde para conocer al usuario. Las cookies comprenden pequeños bits de datos mantenidos en un navegador web y se usan para rastrear la actividad del usuario. También permiten que el sitio web proporcione funciones específicas de acuerdo con un usuario en particular. Como resultado, las cookies se consideran un componente central de la funcionalidad de un sitio web.

Este artículo explicará el Atributos de Galletas en Javascript con la ayuda de ejemplos adecuados. Entonces, comencemos!

Atributos de cookies en JavaScript

JavaScript admite los siguientes cuatro atributos de cookies:

• expirar
• máximo de la edad
• camino
• dominio

Las secciones dadas a continuación demostrarán los métodos para usar estos atributos para mejorar la funcionalidad de las cookies en JavaScript.

Nota: Las galletas caducan después de una cierta cantidad de tiempo; Sin embargo, la configuración de vencimiento de la cookie se puede manejar a través de su oferta "expirar"Atributo en JavaScript.

Expira el atributo de cookies en JavaScript

Las cookies se eliminan automáticamente cuando el navegador está cerrado. Prohíbe a los visitantes reutilizar los valores de la cookie cuando luego visitan el sitio web. Sin embargo, este comportamiento se puede controlar estableciendo el "fecha de caducidad"Para la galleta.

Las cookies en JavaScript ofrecen un "expirar"Atributo que le permite agregar un"fecha de caducidad"En el tiempo universal coordinado (UTC) al"nombre = valor"Par de galletas.

Sintaxis del atributo expirado de cookies en JavaScript

documento.Cookie = "name = value; expires = expirationDate Utc"

Aquí el "expirar"El atributo se utiliza para mantener el estado de la cookie de acuerdo con el"fecha de caducidad" y "UTC" tiempo.

Ejemplo: expira el atributo de cookies en JavaScript

En primer lugar, en nuestro "índice.html"Archivo, agregaremos dos botones:"setcookie" y "getcookie". El "setcookie"El botón invoca el"setcookie ()"Función para establecer la cookie especificada, mientras que el"getcookie"El botón llama al"Getcookie ()"Función para obtener las cookies ya establecidas:

En nuestro "proyecto.js"Archivo, definiremos el"setcookie ()" y "Getcookie ()"Funciones asociadas con el"al hacer clic"Eventos del"setcookie" y "getcookieBotones. El "setcookie () " la función creará una cookie que tiene "nombre de usuario"Como cookie"nombre" y "Sharqa" como su "valor", y el "expirar"El valor del atributo como"Sol, 10 de agosto de 2030 12:00:00 UTC":

función setcookie ()
documento.Cookie = "UserName = Sharqa; expires = Sol, 10 de agosto de 2030 12:00:00 UTC";

Luego, después de verificar la longitud de la cookie creada en el "si"Declaración, la"Getcookie ()"La función buscará la cookie"nombre" y "valor”Y mostrarlo en un cuadro de alerta. En el otro caso, si la cookie expira o elimina, la caja de alerta indicará que "Cookie no disponible":

functetcookie ()
if (documento.Galleta.longitud != 0)
vararray = documento.Galleta.dividir ("=");
alert ("name =" + array [0] + "" + "value =" + array [1]);

demás
alerta ("cookie no disponible");

Ahora, guardaremos ambos archivos y luego utilizaremos el código VS "Servidor en vivoExtensión para ejecutar la aplicación en el navegador:

La página web abierta comprende dos botones: "setcookie" y "getcookie", Donde hacer clic en el"setcookie"Creará una nueva cookie con especificada"nombre","valor", y "expirar" valor de atributo:

Para ver el "valor de nombre"Par de cookies en un cuadro de alerta, haga clic en"getcookie" botón:

El siguiente cuadro de alerta muestra el nombre de la cookie como "nombre de usuario"Y su valor como"Sharqa":

También puedes usar el "Consola de desarrollador"Para verificar los detalles relacionados con la cookie agregada. Para hacerlo, botón derecho del ratón En el navegador, y en su menú contextual, seleccione el "Inspeccionar" opción:

A continuación, haga clic en el "Solicitud"Opción desde la barra superior de la consola de desarrolladores y busque"Galletas" en el "Almacenamiento"Menú, presente en el lado izquierdo de la ventana:

Se puede ver en la imagen dada anteriormente que hemos creado con éxito una cookie y establecemos su fecha de vencimiento con la ayuda del "expirar" atributo.

Atributo de cookies de la edad máxima en JavaScript

La vida útil de una cookie se establece de acuerdo con la duración de la sesión actual del navegador, lo que significa que la cookie expirará tan pronto como el usuario cierre el navegador. Puedes usar el "máximo de la edad"Atributo para definir su toda la vida, que será independiente de la duración de la sesión del navegador.

Sintaxis del atributo máximo de cookies en JavaScript

documento.Cookie = "name = value; max-edad =" tiempo

Aquí el "máximo de la edad"El atributo se utiliza para especificar el"tiempo"Dentro del cual la cookie creada permanecerá en el sistema antes de su eliminación. Este atributo acepta un valor de tiempo en "segundos".

Ejemplo: Atributo de cookies de edad máxima en JavaScript

Ahora, crearemos una cookie teniendo "nombre de usuario" como su "nombre","Alex" como "valor". También el "máximo de la edad"El atributo de la cookie establecerá su vida en"30" días:

documento.Cookie = "UserName = Alex; Max-Age =" + 30*24*60*60 + ";"

Después de guardar el código agregado, abra el "índice.htmlArchivo "en el navegador y haga clic en"setcookieButton para crear una nueva cookie y configurar su vida útil:

El siguiente cuadro de alerta ahora se mostrará en el navegador:

Para verificar la vida de la cookie creada, explore el "Caduca / en edad máximaColumna en la siguiente ventana:

En la imagen dada anteriormente, el "Caduca / en edad máxima"La columna contiene la especificada"máximo de la edad"Valor de atributo de acuerdo con el"Unix Timestamp Epoch ".

Atributo de ruta de cookies en JavaScript

En JavaScript, se puede acceder a una cookie para todas las páginas web presentes en el mismo directorio o subdirectorios. Sin embargo, puedes usar el "camino"Atributo para controlar el alcance de las cookies en las páginas web.

Sintaxis del atributo de ruta de cookies en JavaScript

documento.cookie = "name = value; expires = expirationDate; rath =/rath";

Aquí el "camino"El atributo se utiliza para especificar el"CAMINO"Para el cual la cookie creada es"accesible".

Ejemplo: Atributo de ruta de cookies en JavaScript

Crearemos una cookie con el nombre "nombre de usuario,"Que comprende un valor"Alex", Y establece su fecha y hora de vencimiento como"Mié, 10 de enero de 2030 23:00:00 UTC". Entonces, estableceremos su "camino" atribuir a "/,"Lo que significa que las cookies creadas estarán disponibles en un sitio web:

documento.Cookie = "UserName = Alex; expiras = mié, 10 de enero de 2030 23:00:00 utc; ruta =/";

Guarde el código proporcionado en su "índice.html"Archivo y ábralo en el navegador:

Ahora, haga clic en el "setcookieBotón "y luego pasar a la ventana de la consola de desarrollador para la reconfirmación de la ruta agregada:

Como puedes ver en el "CaminoColumna ", el atributo de ruta del"nombre de usuario"Cookie está establecida en"/":

El "camino" y el "dominio"El atributo de las cookies se usa principalmente juntos al crear una cookie en JavaScript. Ahora, discutiremos el "dominio"Atributo en la siguiente sección.

Atributo de dominio de las cookies en JavaScript

El "dominio"El atributo de las cookies JavaScript se usa para agregar el dominio para el cual se considera la cookie"válido". Por ejemplo, el "dominio"El valor del atributo es"Linuxhint.comunicarse”, Entonces la cookie establecida será válida para el dominio especificado y sus suboñimos.

Sintaxis del atributo de dominio de cookies en JavaScript

documento.Cookie = "name = value; rath =/rath; domain = domainName";

En la sintaxis dada anteriormente, la "nombre de dominio"El valor especifica el dominio al que pertenecen las cookies.

Ejemplo: Atributo de dominio de cookies en JavaScript

Por ejemplo, crearemos una cookie en "Blog.Linuxhint.comunicarse"Y establecer el valor del"camino" atribuir a "/"Y el valor del atributo de dominio a"Linuxhint.comunicarse", Entonces la cookie será accesible para las páginas web del"Linuxhint.comunicarse" sitio web:

documento.Cookie = "name = value; rath =/rath; domain = domainName";

En lugar de "Linuxhint.comunicarse", Si proporcionamos el subdominio"Blog.Linuxhint.comunicarse", entonces el "nombre de usuario"Cookie será válida solo para el subdominio agregado. Por lo tanto, el enfoque ideal es especificar el correspondiente dominio en vez de subdominio valor.

Para el propósito de demostración, estableceremos "127.0.0.1"Como dominio para una galleta:

documento.Cookie = "name = Sharqa; Path =/;; Domain = 127.0.0.1 ";

La salida dada a continuación significa que hemos establecido con éxito "127.0.0.1"Como un dominio válido para el creado"valor clave"Par de galletas:

Hemos compilado la información esencial relacionada con atributos de Galletas en JavaScript.

Conclusión

"expirar","máximo de la edad","camino", y el "dominio"Son los atributos de las cookies en JavaScript. Se utilizan los atributos expirados y máximos de la edad para establecer la fecha de vencimiento y la vida útil de las cookies. En contraste, la combinación de atributos de dominio y ruta ayuda a especificar el dominio y el alcance válidos donde están disponibles las cookies. Este artículo explicó los atributos de las cookies en JavaScript con la ayuda de ejemplos adecuados.