O que são cookies?
Um cookie é uma variável armazenada no computador do visitante. Este cookie é enviado sempre que o mesmo computador solicita uma página através do navegador. Você pode usar o JavaScript para criar e recuperar o valor de um cookie.
Exemplos de cookies:
Nome Cookies
Quando um visitante visita a página pela primeira vez, ele pode preencher seu nome. O nome será armazenado no biscoito. Quando os visitantes visitam o site novamente, eles recebem um discurso de boas -vindas como "Welcome John Doe!". O nome é recuperado do biscoito.
Cookies de senha
Quando um visitante visita a página pela primeira vez, ele pode preencher sua senha. As senhas também podem ser armazenadas em cookies. Quando eles visitam o site novamente, a senha é recuperada do cookie.
Data Cookies
Quando um visitante visita seu site pela primeira vez, a data atual pode ser armazenada no cookie. Quando eles visitam o site novamente, recebem uma mensagem como esta: "Sua última visita foi na terça -feira, 11 de agosto de 2005!". A data também é recuperada do biscoito.
Criar e armazenar cookies
Neste exemplo, queremos criar um cookie que armazena o nome do visitante. Quando os visitantes visitam o site pela primeira vez, eles são solicitados a preencher seu nome. O nome será armazenado no biscoito. Quando os visitantes visitam o site novamente, eles recebem uma mensagem de boas -vindas.
Primeiro, criaremos uma função que armazena o nome do visitante na variável de cookies:
A cópia do código é a seguinte:
<span style = "font-size: 14px;"> função setcookie (c_name, value, expirouys)
{
var exdate = new Date ()
exdate.setDate (exdate.getdate ()+expireays)
document.cookie = c_name+ "="+ Escape (valor)+
((expireys == null)? "": "; expira ="+exdate.togmtString ())
} </span>
Os parâmetros na função acima contêm o nome, o valor e o número de dias expirados do cookie.
Na função acima, primeiro convertemos o número de dias em uma data válida e, em seguida, depositamos o nome do cookie, o valor e sua data de validade no objeto Document.cookie.
Depois disso, queremos criar outra função para verificar se o cookie está definido:
A cópia do código é a seguinte:
<span style = "font-size: 14px;"> função 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
Retorne UNescape (document.cookie.substring (c_start, c_end))
}
}
retornar ""
} </span>
A função acima primeiro verifica se existem cookies no objeto Document.Cookie. Se o objeto Document.Cookie contiver certos cookies, ele continuará verificar se os cookies especificados estão armazenados. Se o cookie que queremos for encontrado, o valor será retornado, caso contrário, a string vazia será retornada.
Finalmente, queremos criar uma função. A função é: se o cookie estiver definido, uma palavra de boas -vindas será exibida, caso contrário, uma caixa prompt será exibida para pedir ao usuário que insira um nome.
A cópia do código é a seguinte:
<span style = "font-size: 14px;"> function checkcookie ()
{
nome de usuário = getcookie ('nome de usuário')
if (nome de usuário! = nulo && nome de usuário! = "")
{alert ('Bem -vindo novamente'+nome de usuário+'!')}
outro
{
Nome de usuário = Prompt ('Por favor, digite seu nome:', "")
if (nome de usuário! = nulo && nome de usuário! = "")
{
SetCookie ('Nome de usuário', nome de usuário, 365)
}
}
} </span>
Aqui está todo o código:
A cópia do código é a seguinte:
<span style = "font-size: 14px;"> <html>
<head>
<script type = "text/javascript">
função 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
Retorne UNescape (document.cookie.substring (c_start, c_end))
}
}
retornar ""
}
função setcookie (c_name, value, expirouys)
{
var exdate = new Date ()
exdate.setDate (exdate.getdate ()+expireays)
document.cookie = c_name+ "="+ Escape (valor)+
((expireys == null)? "": "; expira ="+exdate.togmtString ())
}
função checkcookie ()
{
nome de usuário = getcookie ('nome de usuário')
if (nome de usuário! = nulo && nome de usuário! = "")
{alert ('Bem -vindo novamente'+nome de usuário+'!')}
outro
{
Nome de usuário = Prompt ('Por favor, digite seu nome:', "")
if (nome de usuário! = nulo && nome de usuário! = "")
{
SetCookie ('Nome de usuário', nome de usuário, 365)
}
}
}
</script>
</head>
<corpo onload = "checkcookie ()">
</body>
</html> </span>