Atributos de cookies em JavaScript | Explicado

Atualmente, é essencial manter as informações da sessão em várias páginas para a maioria dos sites. Geralmente, quando um servidor da web responde enviando uma página da web ao seu navegador, a conexão é encerrada e todos os dados armazenados no servidor são perdidos. Essa situação dificulta o armazenamento das informações relacionadas à sessão do usuário e você não pode consultar o servidor para acessar.

Em tal cenário, Biscoitos são usados ​​para armazenar informações úteis que podem ser buscadas mais tarde para conhecer o usuário. Os cookies compreendem pequenos pedaços de dados mantidos em um navegador da web e usados ​​para rastrear a atividade do usuário. Eles também permitem que o site forneça recursos específicos de acordo com um determinado usuário. Como resultado, os cookies são considerados um componente central da funcionalidade de um site.

Este artigo explicará o Atributos de Biscoitos em JavaScript com a ajuda de exemplos adequados. Então vamos começar!

Atributos de cookies em JavaScript

O JavaScript suporta os quatro atributos a seguir:

• expira
• MAX-AGE
• caminho
• domínio

As seções abaixo dadas demonstrarão os métodos para usar esses atributos para melhorar a funcionalidade dos cookies em JavaScript.

Observação: Os cookies expirarem após um certo período de tempo; No entanto, as configurações de validade do cookie podem ser tratadas através de seus oferecidos “expira”Atributo em JavaScript.

Expira o atributo de cookies em JavaScript

Os cookies são removidos automaticamente quando o navegador está fechado. Proíbe os visitantes de reutilizar os valores do cookie quando mais tarde visitam o site. No entanto, esse comportamento pode ser controlado definindo o “data de validade”Para o biscoito.

Os cookies em JavaScript oferecem um “expira”Atributo que permite que você adicione um“data de validade”No Universal Time Coordinou (UTC) para o“nome = valor”Par de biscoitos.

Sintaxe do atributo expires de cookies em javascript

documento.Cookie = "Nome = Value; expire = ExpirationDate UTC"

Aqui o "expira”O atributo é utilizado para manter o estado do cookie de acordo com o“data de validade" e "UTC" tempo.

Exemplo: Expira atributo de cookies em javascript

Primeiro de tudo, em nosso “índice.html”Arquivo, adicionaremos dois botões:“setcookie" e "getcookie”. O "setcookie"Button chama o"setcookie ()”Função para definir o cookie especificado, enquanto o“getcookie"Button chama o"getcookie ()”Função para buscar os cookies já definidos:

Na nossa "projeto.JS”Arquivo, definiremos o“setcookie ()" e "getcookie ()”Funções que estão associadas ao“ONCLICK”Eventos do“setcookie" e "getcookie”Botões. O "setcookie () ” A função criará um cookie tendo “nome de usuário"Como biscoito"nome" e "Sharqa"Como"valor", e a "expira”O valor do atributo como“Dom, 10 de agosto de 2030 12:00:00 UTC”:

função setcookie ()
documento.Cookie = "Nome de usuário = sharqa; expira = sol, 10 de agosto de 2030 12:00:00 UTC";

Então, depois de verificar o comprimento do cookie criado no “seDeclaração, a “getcookie ()”A função buscará o cookie“nome" e "valor”E exibi -lo em uma caixa de alerta. No outro caso, se o cookie for expirado ou excluído, a caixa de alerta afirmará que “Cookie não está disponível”:

functionGetCookie ()
if (documento.biscoito.comprimento != 0)
vararray = documento.biscoito.split ("=");
alert ("name =" + matriz [0] + "" + "value =" + matriz [1]);

outro
alerta ("cookie não disponível");

Agora, salvaremos os dois arquivos e depois utilizaremos o código VS “Servidor vivoExtensão para executar o aplicativo no navegador:

A página da web aberta compreende dois botões: “setcookie" e "getcookie", Onde clicar no"setcookie”Criará um novo cookie com especificado“nome","valor", e "expira" Valor do atributo:

Para ver o “Nome-valor”Par de biscoitos em uma caixa de alerta, clique no“getcookie" botão:

A caixa de alerta a seguir mostra o nome do cookie como “nome de usuário”E seu valor como“Sharqa”:

Você também pode usar o “Console do desenvolvedor”Para verificar os detalhes relacionados ao cookie adicionado. Fazer isso, Clique com o botão direito do mouse No navegador, e a partir de seu menu de contexto, selecione o “Inspecionar”Opção:

Em seguida, clique no “Aplicativo”Opção da barra superior do console do desenvolvedor e procure“Biscoitos" no "Armazenar”Menu, presente no lado esquerdo da janela:

Pode ser visto na imagem acima, criamos com sucesso um cookie e definimos sua data de validade com a ajuda do “expira”Atributo.

Atributo da era máxima de cookies em JavaScript

A vida útil de um cookie é definida de acordo com a duração atual da sessão do navegador, o que significa que o cookie expirará assim que o usuário fechar o navegador. Você pode usar o “MAX-AGE”Atributo para definir seu vida, que será independente da duração da sessão do navegador.

Sintaxe do atributo Max-Age of Cookies em JavaScript

documento.Cookie = "Nome = Value; Max-Arane =" Tempo

Aqui o "MAX-AGE”O atributo é utilizado para especificar o“tempo”Dentro da qual o cookie criado permanecerá no sistema antes de sua exclusão. Este atributo aceita um valor de tempo em “segundos”.

Exemplo: Atributo Max-Age of Cookies em JavaScript

Agora, criaremos um cookie tendo “nome de usuário"Como"nome","Alex" como "valor”. Também o "MAX-AGE”O atributo do cookie definirá sua vida útil para“30" dias:

documento.Cookie = "Nome de usuário = Alex; Max-Arane =" + 30*24*60*60 + ";"

Depois de salvar o código adicionado, abra o “índice.html”Arquivo no navegador e clique no“setcookie”Botão para criar um novo cookie e definir sua vida útil:

A seguinte caixa de alerta será exibida agora no navegador:

Para verificar a vida inteira do cookie criado, explore o “Expira / Age Max”Coluna na seguinte janela:

Na imagem acima dada, o “Expira / Age Max”A coluna contém a especificada“MAX-AGE”Valor do atributo de acordo com o“UNIX Timestamp Epoch ”.

Atributo de caminho dos cookies em javascript

Em JavaScript, um cookie é acessível para todas as páginas da web presentes no mesmo diretório ou subdiretorias. No entanto, você pode usar o “caminho”Atributo para controlar o escopo dos cookies nas páginas da web.

Sintaxe do atributo de caminho dos cookies em JavaScript

documento.cookie = "name = value; expire = expirationDate; caminho =/caminho";

Aqui o "caminho”O atributo é utilizado para especificar o“CAMINHO”Para o qual o cookie criado é“acessível”.

Exemplo: atributo de caminho dos cookies em javascript

Vamos criar um cookie pelo nome “nome de usuário,"Que compreende um valor"Alex”, E definiu sua data de validade e hora como“Qua, 10 de janeiro de 2030 23:00:00 UTC”. Então, vamos definir seu “caminho" atribuir a "/,”, Que significa que os cookies criados estarão disponíveis em um site:

documento.Cookie = "Nome de usuário = Alex; expira = Qua, 10 de janeiro de 2030 23:00:00 UTC; PATH =/";

Salve o código fornecido em seu “índice.html”Arquive e abra -o no navegador:

Agora, clique no “setcookie”Button, e depois vá para a janela do console do desenvolvedor para a reconfirmação do caminho adicionado:

Como você pode ver no “Caminho”Coluna, o atributo de caminho do“nome de usuário”Cookie está definido como“/”:

O "caminho" e a "domínio”O atributo de cookies é usado principalmente juntos enquanto cria um cookie em javascript. Agora, discutiremos o “domínio”Atributo na próxima seção.

Atributo de domínio de cookies em javascript

O "domínio”O atributo dos cookies JavaScript é usado para adicionar o domínio para o qual o cookie é considerado“válido”. Por exemplo, o “domínio”O valor do atributo é“Linuxhint.com”Então, o cookie definido será válido para o domínio especificado e seus subdomínios.

Sintaxe do atributo de domínio dos cookies em javascript

documento.Cookie = "Nome = Value; Path =/Path; Domain = DomainName";

Na sintaxe acima, a “nome do domínio”Value especifica o domínio ao qual os cookies pertencem.

Exemplo: atributo de domínio dos cookies em javascript

Por exemplo, criaremos um cookie em “blog.Linuxhint.com”E defina o valor do“caminho" atribuir a "/”E valor do atributo de domínio para“Linuxhint.com”, Então o cookie estará acessível para as páginas da web do“Linuxhint.com" local na rede Internet:

documento.Cookie = "Nome = Value; Path =/Path; Domain = DomainName";

Em vez de "Linuxhint.com", Se fornecermos o subdomínio"blog.Linuxhint.com", então o "nome de usuário”Cookie será válido apenas para o subdomínio adicionado. Portanto, a abordagem ideal é especificar o correspondente domínio ao invés de subdomínio valor.

Para o objetivo da demonstração, definiremos “127.0.0.1”Como um domínio para um biscoito:

documento.Cookie = "Nome = sharqa; caminho =/; domínio = 127.0.0.1 ";

A saída abaixo do rumo significa que definimos com sucesso “127.0.0.1”Como um domínio válido para o criado“valor chave”Par de biscoitos:

Nós compilamos as informações essenciais relacionadas a atributos de Biscoitos em javascript.

Conclusão

““expira","MAX-AGE","caminho", e a "domínio”São os atributos dos cookies em JavaScript. Os atributos Expires e Max-Age são utilizados para definir a data de validade e a vida útil dos cookies. Por outro lado, a combinação de atributos de domínio e caminho ajuda a especificar o domínio e o escopo válidos onde os cookies estão disponíveis. Este artigo explicou os atributos dos cookies em JavaScript com a ajuda de exemplos adequados.