Objeto de cookie em JavaScript
Os cookies são usados para armazenar informações do usuário em páginas da web.
O que é um cookie?
Cookies são alguns dados armazenados em um arquivo de texto no seu computador.
Quando o servidor da web envia uma página da web para o navegador, o servidor não registra as informações do usuário após o fechamento da conexão.
O objetivo dos cookies é resolver "como registrar informações do usuário do cliente":
- Quando um usuário visita uma página da web, seu nome pode ser registrado em um cookie.
- Na próxima vez que o usuário visitar a página, o registro de acesso do usuário poderá ser lido no cookie.
Use JavaScript para criar cookies
O JavaScript pode usar a
propriedade
document.cookie
para criar, ler e excluir cookies.
Em JavaScript, a criação de cookies se parece com isso:
document.cookie = "nome de usuário = John Doe";
Você também pode adicionar um tempo de expiração (no horário UTC ou GMT) ao cookie. Por padrão, os cookies são excluídos quando o navegador é fechado:
document.cookie = "nome de usuário = John Doe; expira = quinta-feira, 18 de dezembro de 2013 às 12:00:00 GMT";
Você pode usar o parâmetro path para informar ao navegador o caminho do cookie. Por padrão, os cookies pertencem à página atual.
document.cookie = "nome de usuário = John Doe; expira = Qui, 18 dez 2013 12:00:00 GMT; caminho = /";
Use JavaScript para ler cookies
Em JavaScript, o seguinte código pode ser usado para ler cookies:
var x = document.cookie;
Use JavaScript para modificar cookies
Em JavaScript, a modificação de cookies é semelhante à criação de cookies, da seguinte maneira:
document.cookie = "nome de usuário = John Smith; expira = Qui, 18 dez 2013 12:00:00 GMT; caminho = /";
O cookie antigo será substituído.
Use JavaScript para excluir cookies
A exclusão de cookies é muito simples. Você só precisa definir o parâmetro expires para o horário anterior, como mostrado abaixo, definido como qui, 01 jan 1970 00:00:00 GMT:
document.cookie = "nome de usuário =; expira = Qui, 01 jan 1970 00:00:00 GMT";
Observe que você não precisa especificar o valor do cookie ao excluir.
O código é o seguinte:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<head>
<script>
function setCookie(cname,cvalue,exdays){
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,30);
}
}
}
</script>
</head>
<body οnlοad="checkCookie()"></body>
</html>