Javascript y cookies

Desde mi punto de vista, y he desarrollado en muchos lenguajes y plataformas, Javascript es la mejor manera de manejar cookies. Con lenguajes de servidor hay limitaciones, sobre todo debidas a cuándo es posible dejar una cookie en el cliente (siempre con la carga de una página), mientras que Javascript es totalmente flexible, y permite crear una cookie en cualquier momento.
La base del manejo de cookies es el objeto document. Cookie. Mediante este objeto es posible acceder a las cookies asociadas a la página (en lectura) o poner una nueva (asignando document. Cookie a una cadena de texto).
En su forma más básica, las cookies son pares "nombre=valor", pero hay una sintaxis adicional para especificar cuándo expiran, el path de la página a la que se asocia (para el que es válida), el dominio al que pertenecen (para el que son válidas) o si sólo deben ser transmitidas mediante el protocolo https (para tiendas online y bancos).
Aunque se puede hacer a mano, lo mejor es usar estas funciones estándar para acceder y escribir correctamente cookies:
function setCookie(cookieName,cookieValue,expires,path,domain,secure) {
document.cookie=
escape(cookieName)+'='+escape(cookieValue)
+(expires?'; EXPIRES='+expires.toGMTString():'')
+(path?'; PATH='+path:'')
+(domain?'; DOMAIN='+domain:'')
+(secure?'; SECURE':'');
}
function getCookie(cookieName) {
var cookieValue=null;
var posName=document.cookie.indexOf(escape(cookieName)+'=');
if (posName!=-1) {
var posValue=posName+(escape(cookieName)+'=').length;
var endPos=document.cookie.indexOf(';',posValue);
if (endPos!=-1) cookieValue=unescape(document.cookie.substring(posValue,endPos));
else cookieValue=unescape(document.cookie.substring(posValue));
}
return cookieValue;
}
Sólo los valores cookieName y cookieValue son obligatorios. Lo svalores por defecto para los demás son:
- Expires: si no se pone, la cookie desaparece cuando el usuario cierre el navegador. Si se pone una fecha anterior a la actual, la cookie pierde validez inmediatamente y se borrará en cuanto el navegador se cierre (es como borrarla inmediatamente).
- Path: toma por defecto el path de la página que la establece, en el servidor.
- Domain: toma por defecto el dominio de la página que la establece.
- Secure: por defecto no está activada.
Algunos ejemplos:
setCookie('miCookie','42');
Crea una cookie con nombre 'miCookie' y valor '42' (el valor siempre es una cadena de caracteres), que expirará cuando acabe la sesión actual.
var ahora=new Date();
var manyana=new Date(now.getTime()+1000*60*60*24)
setCookie('miCookie','información importante',manyana);
Esta cookie expirará en 24 horas.
alert(getCookie('miCookie'));
Muestra 'información importante' en un mensaje de aviso.
Sobre bases de datos con cookies, en la siguiente respuesta...