1. Home
  2. Bolinhos de JavaScript

O melhor tutorial Bolinhos de JavaScript em 2024. Neste tutorial você pode aprender O que são Cookies?,Use JavaScript para criar biscoito,Use JavaScript para ler biscoito,Modificar cookie usando JavaScript,Remover cookie usando JavaScript,cadeia de cookie,instâncias JavaScript biscoito,valor do cookie Setter,Obter valores da função de cookie,Função detecta valor do cookie,exemplo completo,Exemplos,

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.

Tutoriais quentes

Contact US

Bolinhos de JavaScript
10/30