Como salvar cookies com o JavaScript

Escrito por michael carroll | Traduzido por josé fabián
  • Compartilhar
  • Tweetar
  • Compartilhar
  • Pin
  • E-mail
Como salvar cookies com o JavaScript
Use JavaScript para configurar cookies para visitantes do seu site (Hemera Technologies/AbleStock.com/Getty Images)

Cookies são pequenas peças de informação armazenadas no seu computador pelos sites que você visita. São usadas para armazenar informação sobre os usuários, como por exemplo o nome ou a data da última visita realizada a um site. Além disso, um site pode alterar seu design com base nas preferências armazenadas nos cookies. Eles estão integrados no modelo "Document Object Model" (Modelo de objeto de documentos), portanto, você pode usar JavaScript para criar cookies para os visitantes do seu site.

Nível de dificuldade:
Fácil

Outras pessoas estão lendo

Instruções

  1. 1

    Digite o seguinte código entre os tags "head" do seu documento HTML:

    <script type="text/javascript"> function addCookie(ref,cookie,lifetime) { var expDate = new Date(); expDate.setTime(expDate.getTime()+lifetime*86400000); document.cookie = ref+"="+cookie+"; expires="+expDate.toUTCString(); } </script>

    Cada cookie tem um nome de referência, valor e tempo de vida. Esses são os parãmetros passados para a função "addCookie". A data de expiração é calculada somando o tempo de vida à data atual e convertendo o resultado para o formato UTC. A linha final da função concatena os parâmetros do cookie no formato requerido pelo objeto "document.cookie" e formata o objeto para criar o cookie.

  2. 2

    Adicione a seguinte linha depois do tag "</script>" para chamar a função "addCookie" quando a página carregar:

    document.onload = addCookie("TestCookie",10,7);

    Este cookie armazenará o número 10 e está configurado para expirar após 7 dias.

  3. 3

    Chame a função "addCookie" a partir de um botão na seção "body" do seu documento e armazene os dados ingressados pelo usuário. Para isso, adicione o segunte código à seção:

    <form> <input type="text" id="cookievalue" /> <input type="button" value="Store text in cookie" onClick="addCookie('textCookie',document.getElementById('cookievalue').value,7);" /> </form>

    Este cookie armazenará a entrada de texto do usuário quando o botão for clicado, e também expirará após uma semana.

  4. 4

    Adicione informação do domínio à linha final de "addCookie" se precisar especificar o subdomínio ou subdomínios do seu site onde o cookie for válido. Por exemplo, a linha abaixo se certificará de que as páginas em qualquer subdomínio de "example.com" tenham acesso ao cookie:

    document.cookie = ref+"="+cookie+"; expires="+expDate.toUTCString()+"; domain='.example.com'";

    Você não pode estabelecer outro domínio para a cookie do que aquele onde está o seu script.

  5. 5

    Altere o parâmetro "path" (caminho) na linha final de "addCookie" (criarCookie) para restringir o uso da cookie a um certo subdiretório de um domínio. Por exemplo, este cookie estará disponível apenas para as páginas no subdiretório "content" (conteúdo):

    document.cookie = ref+"="+cookie+"; expires="+expDate.toUTCString()+"; path=/content/";

    Esse cookie deverá ser criado só pelas páginas que estiverem no diretório "content" (conteúdo).

  6. 6

    Adicione "secure" à definição do cookie para restringir o uso do mesmo a conexões seguras (HTTPS). Isso é apropriado para informação privada do usuário. Um exemplo é:

    document.cookie = ref+"="+cookie+"; expires="+expDate.toUTCString()+"; secure";

Dicas & Advertências

  • Os navegadores web permitem que os usuários impeçam os sites de armazenar cookies, portanto, não baseie a funcionalidade do seu site nelas.
  • Se o seu site armazenar outro cookie com o mesmo nome, o arquivo será sobrescrito.
  • Use funções de strings para interpretar o objeto "document.cookie" e ler os cookies que você criou anteriormente.

Não perca

Filtro:
  • Geral
  • Artigos
  • Slides
  • Vídeos
Mostrar:
  • Mais relevantes
  • Mais lidos
  • Mais recentes

Nenhum artigo disponível

Nenhum slide disponível

Nenhum vídeo disponível