Galletas de JavaScript
Galletas para la información del usuario se almacenan las páginas web.
¿Cuáles son las cookies?
Las cookies son datos almacenados en un archivo de texto en el equipo en.
Cuando el servidor Web envía la página Web al navegador después de la conexión se cierra, el servidor no registra la información del usuario.
Las cookies papel es resolver el "cómo registrar la información de usuario del cliente":
- Cuando un usuario visita una página web, su nombre puede ser grabada en una cookie.
- Cuando la próxima vez que el usuario accede a la página, puede leer los registros de acceso de usuario en una cookie.
Galletas con pares de valores de nombre / se almacenan como sigue:
Cuando un navegador solicita una página web desde el servidor, las galletas que pertenecen a la página se añadirán a la solicitud. El servidor para obtener la información del usuario de esta manera.
El uso de JavaScript para crear la galleta
JavaScript propiedad document.cookie se puede utilizar para crear, leer y borrar las cookies.
JavaScript, crear una galleta de la siguiente manera:
También puede agregar un tiempo de caducidad de la cookie (en UTC o la hora GMT). De forma predeterminada, galleta elimina cuando se cierra el navegador:
Se puede utilizar el parámetro de ruta describe la ruta de cookies del navegador. De forma predeterminada, galleta pertenece a la página actual.
El uso de JavaScript para leer la galleta
En JavaScript, puede utilizar el siguiente código para leer las cookies:
document.cookie cadena volverá todo tipo de galletas, tipo de formato: cookie1 = valor; cookie2 = valor; cookie3 = valor; |
Modificar la galleta usando JavaScript
En JavaScript, modificar galletas similar a la creación cookies, como sigue:
La vieja cookie se sobrescribe.
Eliminar cookie usando JavaScript
Eliminar cookie es muy simple. Sólo es necesario para establecer los parámetros para que expire el tiempo anterior, como se muestra a continuación, se establece en Jue, 01 de Ene 1970 00:00:00 GMT:
Tenga en cuenta que cuando se elimina sin especificar el valor de la cookie.
cadena de la galleta
document.cookie propiedad se parece a una cadena de texto ordinario, en realidad no lo es.
Incluso si se escribe una cadena completa document.cookie galleta, cuando se vuelva a leer la información de las cookies, información de cookies es pares de nombre / valor en forma de impresiones.
Si se establece una nueva cookie, no se sobrescribirá vieja de galletas. La nueva cookie se añade a document.cookie, por lo document.cookie si vuelve a leer, recibirá los datos de la siguiente manera:
cookie1 = valor; cookie2 = valor;
Si usted necesita encontrar un valor de cookie específica, se debe crear una función JavaScript para hallar el valor de la cookie en la cadena de galleta.
JavaScript instancias de la galleta
En el siguiente ejemplo, vamos a crear una cookie para almacenar el nombre del visitante.
En primer lugar, los visitantes de la página web, se le pedirá que complete su nombre. El nombre se almacena en una cookie.
La próxima vez que acceda a la página de un visitante, verá un mensaje de bienvenida.
En este ejemplo, vamos a crear tres funciones de JavaScript:
- valor de la cookie Setter
- Obtener valores de la función de cookies
- Función detecta valor de la cookie
valor de la cookie Setter
En primer lugar, creamos una función para almacenar el nombre del visitante:
{
var d = new Date();
d.setTime(d.getTime()+(exdays*24*60*60*1000));
var expires = "expires="+d.toGMTString();
document.cookie = cname + "=" + cvalue + "; " + expires;
}
la resolución de funciones:
Más de un parámetros de función, nombre de la cookie para el cname, valor de la cookie cValue, y establecer el tiempo de caducidad cookie caduca.
Esta función establece el nombre de la cookie, valor de la cookie, el tiempo de caducidad de la cookie.
Obtener valores de la función de cookies
Luego, creamos una función que devuelve al usuario especificar el valor de la cookie:
{
var name = cname + "=";
var ca = document.cookie.split(';');
for(var i=0; i<ca.length; i++)
{
var c = ca[i].trim();
if (c.indexOf(name)==0) return c.substring(name.length,c.length);
}
return "";
}
la resolución de funciones:
Parámetros Nombre de cookie es cname.
Crear una variable de texto se utiliza para recuperar la cookie especificada: cname + "=".
Utilice punto y coma para cadena document.cookie separado y asignado a un ca dividida matriz de cadenas (CA = document.cookie.split ( ';')).
ca matriz ciclo (i = 0; i <ca.length; i ++) y, a continuación, lee cada valor en la matriz, y la eliminación de espacios finales (c = ca [i] .trim ()).
Si encuentra un (c.indexOf (nombre) == 0) galleta, devuelve el valor de la cookie (c.substring (name.length, c.length).
Si no encuentra la galleta, devuelve "."
Función detecta valor de la cookie
Por último, podemos crear una función para detectar si se crea la cookie.
Si se establece una cookie, se mostrará un mensaje de bienvenida.
Si no se establece una cookie, se mostrará una ventana emergente para preguntar el nombre del visitante y llamar a la función de almacenamiento setCookie nombre del visitante 365 días:
{
var username=getCookie("username");
if (username!="")
{
alert("Welcome again " + username);
}
else
{
username = prompt("Please enter your name:","");
if (username!="" && username!=null)
{
setCookie("username",username,365);
}
}
}
ejemplo completo
Ejemplos
{
var d = new Date();
d.setTime(d.getTime()+(exdays*24*60*60*1000));
var expires = "expires="+d.toGMTString();
document.cookie = cname + "=" + cvalue + "; " + expires;
}
function getCookie(cname)
{
var name = cname + "=";
var ca = document.cookie.split(';');
for(var i=0; i<ca.length; i++)
{
var c = ca[i].trim();
if (c.indexOf(name)==0) return c.substring(name.length,c.length);
}
return "";
}
function checkCookie()
{
var user=getCookie("username");
if (user!="")
{
alert("Welcome again " + user);
}
else
{
user = prompt("Please enter your name:","");
if (user!="" && user!=null)
{
setCookie("username",user,365);
}
}
}
Trate »
Los siguientes ejemplos ejecutar la función checkCookie () cuando se carga la página.