Crear Cookies en JavaScript

En este tutorial aprenderemos cómo crear Cookies en JavaScript, todos sus parámetros opcionales y cómo acceder a su información.

Usaremos una serie de funciones para trabajar con cookies. Debemos definirlas nosotros ya que no están presentes en el lenguaje, pero una vez que las incluyamos en nuestro código, nos facilitarán mucho el trabajo.

Funciones de Cookies

• Crear una cookie

function setCookie(cname, cvalue, exdays) {
  var d = new Date();
  d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
  var expires = "expires=" + d.toUTCString();
  document.cookie = cname + "=" + cvalue + "; " + expires;
}

• Obtener datos de una cookie

function getCookie(cname) {
  var name = cname + "=";
  var ca = document.cookie.split(';');
  for (var i = 0; i < ca.length; i++) {
    var c = ca[i];
    while (c.chartAt(0) == ' ') c = c.substring(1);
    if (c.indexOf(name) == 0) return c.substring(name.length, c.length);
  }
  return "";
}

• Comprobar si existe una cookie

function checkCookie(cname) {
  var resul = false;
  var username = getCookie(cname);
  if (username != "") {
    resul = true;
  }
  return resul;
}

• Eliminar una cookie

function eliminarCookie(cname) {
  return document.cookie = cname + '=;expires=Thu, 01 Jan 1970 00:00:01 GMT;';
}

Parámetros opcionales

• expires

Establece la fecha en la que la cookie se destruirá, en formato UTC

document.cookie = "nombre=Carlos; expires=Thu, 22 Dec 2019 01:00:00 UTC";

• max-age

Establece los segundos que existirá la cookie, luego se destruirá

document.cookie = "nombre=valor;max-age=60";

• path

Ruta en la que se podrá tener acceso a la cookie

document.cookie = "nombre=valor;max-age=60;path=/";

• domain

Dominio en el que se podrá acceder a la cookie. Por defecto sólo son válidas en el dominio en el que fueron creadas o en sus subdominios

document.cookie = "nombre=valor;max-age=60;path=/;domain=tutobasico.com";

• secure

Establece que la cookie sólo se transmitirá en protocolo seguro HTTPS o SSL

document.cookie = "nombre=valor;max-age=60;path=/;domain=tutobasico.com;secure";

Límites de las cookies

Aunque los diferentes navegadores implementan de forma diferente las cookies hay unos mínimos que cumplen todos ellos:

• Longitud de la cookie: 4 KB, La longitud total de la cookie no debe exceder los 4096 caracteres
• Número de cookies máximas por servidor web: 20
• Número de cookies soportadas por el navegador web: 300

Más tutoriales de JavaScript

Si te ha gustado no olvides compartir en redes sociales.

[addthis tool=»addthis_inline_share_toolbox_6jt6″]

Espero que te haya servido. Cualquier duda deja un comentario. Un saludo