¿Qué son las cookies?
Una cookie es una variable almacenada en la computadora del visitante. Esta cookie se envía cuando la misma computadora solicita una página a través del navegador. Puede usar JavaScript para crear y recuperar el valor de una cookie.
Ejemplos de cookies:
Nombre Cookies
Cuando un visitante visita la página por primera vez, él o ella puede completar su nombre. El nombre se almacenará en la galleta. Cuando los visitantes visitan el sitio web nuevamente, reciben un discurso de bienvenida como "¡Bienvenido a John Doe!". El nombre se recupera de la galleta.
Cookies de contraseña
Cuando un visitante visita la página por primera vez, puede completar su contraseña. Las contraseñas también se pueden almacenar en cookies. Cuando vuelven a visitar el sitio web, la contraseña se recupera de la cookie.
Galletas de fecha
Cuando un visitante visita por primera vez su sitio web, la fecha actual se puede almacenar en la cookie. Cuando visitan el sitio web nuevamente, reciben un mensaje como este: "¡Su última visita fue el martes 11 de agosto de 2005!". La fecha también se recupera de la galleta.
Crear y almacenar cookies
En este ejemplo queremos crear una cookie que almacene el nombre del visitante. Cuando los visitantes visitan el sitio web por primera vez, se les pide que completen su nombre. El nombre se almacenará en la galleta. Cuando los visitantes visitan el sitio web nuevamente, reciben un mensaje de bienvenida.
Primero, crearemos una función que almacene el nombre del visitante en la variable de cookie:
La copia del código es la siguiente:
<span style = "font-size: 14px;"> function setcookie (c_name, valor, expiredays)
{
var exdate = new Date ()
exDate.SetDate (exDate.getDate ()+expiredays)
document.cookie = C_Name+ "="+ Escape (valor)+
((expiredays == nulo)? "": "; expires ="+exDate.TogmtString ())
} </span>
Los parámetros en la función anterior contienen el nombre, el valor y el número de días caducados de la cookie.
En la función anterior, primero convertimos el número de días a una fecha válida, y luego depositamos el nombre de la cookie, el valor y su fecha de vencimiento en el objeto Document.cookie.
Después de eso, queremos crear otra función para verificar si la cookie está configurada:
La copia del código es la siguiente:
<span style = "font-size: 14px;"> function getcookie (c_name)
{
if (document.cookie.length> 0)
{
c_start = document.cookie.indexof (c_name + "=")
if (c_start! =-1)
{
c_start = c_start + c_name.length + 1
c_end = document.cookie.indexof (";", c_start)
if (c_end ==-1) c_end = document.cookie.length
return unescape (document.cookie.substring (c_start, c_end))
}
}
devolver ""
} </span>
La función anterior primero verifica si hay cookies en el objeto document.cookie. Si el objeto document.cookie contiene ciertas cookies, continuará verificando si las cookies que especificamos están almacenadas. Si se encuentra la cookie que queremos, el valor se devolverá; de lo contrario, se devolverá la cadena vacía.
Finalmente, queremos crear una función. La función es: si la cookie está configurada, se mostrará una palabra de bienvenida; de lo contrario, se mostrará un cuadro de solicitud para pedirle al usuario que ingrese un nombre.
La copia del código es la siguiente:
<span style = "font-size: 14px;"> function checkcookie ()
{
Nombre de usuario = GetCookie ('Nombre de usuario')
if (username! = null && username! = "")
{alerta ('bienvenido de nuevo'+nombre de usuario+'!')}
demás
{
UserName = solicit ('Ingrese su nombre:', "")
if (username! = null && username! = "")
{
Setcookie ('Nombre de usuario', nombre de usuario, 365)
}
}
} </span>
Aquí está todo el código:
La copia del código es la siguiente:
<span style = "font-size: 14px;"> <html>
<Evista>
<script type = "text/javaScript">
función getCookie (c_name)
{
if (document.cookie.length> 0)
{
c_start = document.cookie.indexof (c_name + "=")
if (c_start! =-1)
{
c_start = c_start + c_name.length + 1
c_end = document.cookie.indexof (";", c_start)
if (c_end ==-1) c_end = document.cookie.length
return unescape (document.cookie.substring (c_start, c_end))
}
}
devolver ""
}
función setcookie (c_name, valor, expiredays)
{
var exdate = new Date ()
exDate.SetDate (exDate.getDate ()+expiredays)
document.cookie = C_Name+ "="+ Escape (valor)+
((expiredays == nulo)? "": "; expires ="+exDate.TogmtString ())
}
función checkcookie ()
{
Nombre de usuario = GetCookie ('Nombre de usuario')
if (username! = null && username! = "")
{alerta ('bienvenido de nuevo'+nombre de usuario+'!')}
demás
{
UserName = solicit ('Ingrese su nombre:', "")
if (username! = null && username! = "")
{
Setcookie ('Nombre de usuario', nombre de usuario, 365)
}
}
}
</script>
</ablo>
<Body onload = "checkcookie ()">
</body>
</html> </span>