Latest web development tutorials
×

JavaScript curso

JavaScript curso JavaScript breve introdução JavaScript uso JavaScript exportação JavaScript gramática JavaScript demonstrações JavaScript nota JavaScript variável JavaScript Tipos de dados JavaScript objetos JavaScript função JavaScript escopo JavaScript evento JavaScript corda JavaScript operadores JavaScript comparar JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript tipo de conversão JavaScript Expressões regulares JavaScript erro JavaScript depuração JavaScript lift variável JavaScript Modo estrito JavaScript Uso indevido JavaScript Autenticação de formulários JavaScript Palavras-chave reservadas JavaScript JSON JavaScript void JavaScript Especificação código

JS função

JavaScript definição de função JavaScript Argumentos da função JavaScript chamada de função JavaScript Closures

JS HTML DOM

DOM breve introdução DOM HTML DOM CSS DOM evento DOM EventListener DOM elemento

JS Tutorial avançado

JavaScript objetos JavaScript Number JavaScript String JavaScript Date JavaScript Array JavaScript Boolean JavaScript Math JavaScript RegExp objetos

JS navegador BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript estouro JavaScript cronometrado Evento JavaScript Cookies

JS armazém

JavaScript armazém JavaScript teste jQuery JavaScript teste Prototype

JS Exemplos

JavaScript Exemplos JavaScript instância do objeto JavaScript instância do objeto navegador JavaScript HTML DOM Exemplos JavaScript resumo

JS manual de referência

JavaScript objetos HTML DOM objetos

Bolinhos de JavaScript


Bolinhos para informações do usuário são armazenados páginas da web.


O que são Cookies?

Cookies são dados armazenados em um arquivo de texto em seu computador.

Quando o servidor web envia a página web para o navegador depois que a conexão é fechada, o servidor não gravar informações do usuário.

papel cookies é resolver o "como gravar as informações do usuário do cliente":

  • Quando um usuário visita uma página web, o seu nome pode ser gravado em um cookie.
  • Quando a próxima vez que o usuário acessar a página, você pode ler os registros de acesso do usuário em um cookie.

Bolinhos com valor pares nome / são armazenados como segue:

username=John Doe

Quando um navegador solicita uma página da web a partir do servidor, os biscoitos pertencentes à página será adicionado ao pedido. O servidor para obter as informações do usuário desta maneira.


Use JavaScript para criar biscoito

JavaScript propriedade document.cookie pode ser usado para criar, ler e apagar os cookies.

JavaScript, criar um cookie como segue:

document.cookie="username=John Doe";

Você também pode adicionar um tempo de expiração do cookie (em UTC ou hora GMT). Por padrão, biscoito excluído quando o navegador é fechado:

document.cookie="username=John Doe; expires=Thu, 18 Dec 2013 12:00:00 GMT";

Você pode usar o parâmetro caminho informa o caminho do cookie do navegador. Por padrão, biscoito pertence à página atual.

document.cookie="username=John Doe; expires=Thu, 18 Dec 2013 12:00:00 GMT; path=/";

Use JavaScript para ler biscoito

Em JavaScript, você pode usar o seguinte código para ler cookies:

var x = document.cookie;

nota cadeia document.cookie retornará todos os tipos de biscoitos, tipo de formato: cookie1 = value; cookie2 = value; cookie3 = value;


Modificar cookie usando JavaScript

Em JavaScript, modificar os cookies semelhantes aos cookies criando, como segue:

document.cookie="username=John Smith; expires=Thu, 18 Dec 2013 12:00:00 GMT; path=/";

O cookie de idade serão substituídos.


Remover cookie usando JavaScript

Remover cookie é muito simples. Você só precisa definir os parâmetros para expirar o tempo anterior, como mostrado abaixo, é definida a Qui, 01 de janeiro de 1970 00:00:00 GMT:

document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 GMT";

Observe que quando você excluir sem especificar o valor do cookie.


cadeia de cookie

propriedade document.cookie parece uma cadeia de texto comum, na verdade não é.

Mesmo se você escrever uma document.cookie completa cadeia de biscoito, quando você voltar a ler as informações do cookie, informações de cookie é pares nome / valor na forma de impressões.

Se você definir um novo biscoito, biscoito de idade não serão substituídos. O novo cookie será adicionado ao document.cookie, assim document.cookie se você re-ler, você receberá os dados da seguinte forma:

cookie1 = value; cookie2 = value;

1 Criar

Se você precisa encontrar um valor de cookie específico, você deve criar uma função JavaScript para encontrar o valor do cookie na cadeia de cookie.


instâncias JavaScript biscoito

No exemplo a seguir, vamos criar um cookie para armazenar o nome do visitante.

Em primeiro lugar, os visitantes da página web, ele será convidado a preencher em seu nome. O nome será armazenado em um biscoito.

A próxima vez que você acessar a página de um visitante, ele verá uma mensagem de boas vindas.

Neste exemplo, vamos criar três funções de JavaScript:

  1. valor do cookie Setter
  2. Obter valores da função de cookie
  3. Função detecta valor do cookie

valor do cookie Setter

Primeiro, criamos uma função para armazenar o nome do visitante:

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;
}

a resolução da função:

Mais de parâmetros da função, nome do cookie para o cname, valor de cookie cValue, e definir o tempo de expiração do cookie expira.

Esta função define o nome do cookie, valor de cookie, o tempo de expiração do cookie.


Obter valores da função de cookie

Então, criamos uma função que retorna ao usuário especificar o valor do cookie:

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 "";
}

a resolução da função:

Parameters Nome do cookie é cname.

Criar uma variável de texto é usado para recuperar o cookie especificado: cname + "=".

Utilize ponto e vírgula para cadeia document.cookie separada e atribuída a um ca dividida matriz de cadeia (ca = document.cookie.split ( ';')).

matriz ca ciclo (i = 0; i <ca.length; i ++), e, em seguida, lê cada valor na matriz, ea remoção de espaços à direita (c = ca [i] .trim ()).

Se você encontrar um cookie (c.indexOf (nome) == 0), retorna o valor do cookie (c.substring (nome.length, c.length).

Se você não encontrar o cookie, retorna "."


Função detecta valor do cookie

Finalmente, podemos criar uma função para detectar se o cookie é criado.

Se você definir um cookie, ele irá exibir uma mensagem de saudação.

Se você não definir um cookie, ele irá mostrar uma pop para perguntar o nome do visitante e chamar função de armazenamento de nome setCookie do visitante de 365 dias:

function checkCookie()
{
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);
    }
  }
}


exemplo completo

Exemplos

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,365);
    }
  }
}

tente »

Os exemplos a seguir executar a função checkCookie () quando a página é carregada.