深入JavaScript之獲取cookie以及刪除cookie

sarva 發(fā)布于2019-08-22 11:15 / 2293人閱讀

摘要：如果我想根據(jù)鍵名來刪除，怎么做原理分析設置過期時間小于當前時間，那么就會刪除該。

cookie存在哪？

存在document.cookie中

cookie長啥樣？

cookie是一個字符串，長下面這樣:
"name=xxx; age=22;"

注意：分號后面有個空格，記住這一點，下面的代碼需要特別注意這一點

如果我想根據(jù)鍵名來獲取cookie，怎么做？

function getCookie(name) {
  var value = "; "+ document.cookie;
  var parts = value.split("; " + name + "=");
  if(parts.length === 2) {
    return parts.pop().split(";").shift();
  }
}

原理分析:
假設現(xiàn)在的document.cookie的值為：myName=xxx; age=22; food=apple;
①var value = "; "+ document.cookie;使其變?yōu)?b>; myName=xxx; age=22; food=apple;
②var parts = value.split("; " + name + "="); 假設傳入的name是age，那么會根據(jù); age=分割字符串，分割之后得到的數(shù)組為:
["myName=xxx", "22; food=apple;"]
③ if(parts.length === 2)說明根據(jù)鍵名得到了對應的值，parts.pop()返回的是數(shù)組中的最后一項，即22; food=apple;,然后調(diào)用split(";")得到數(shù)組["22", "food=apple;"],然后調(diào)用shift()會返回數(shù)組的第一項，即22, 即可得到我們想要的值

深思: var value = "; "+ document.cookie; 這句代碼是整個方法的精髓。

如果我想根據(jù)鍵名來刪除cookie，怎么做？

function deleteCookie(name) {
  document.cookie = name + "=;  expires=Thu, 01 Jan 1970 00:00:01 GMT;"
}

原理分析：
設置cookie過期時間小于當前時間，那么就會刪除該cookie。

GPU云服務器云服務器 javascript刪除cookie javascript獲取cookie 刪除cookie JS刪除cookie

文章版權歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/92035.html

JavaScript是如何工作的:存儲引擎+如何選擇合適的存儲API

摘要：字節(jié)流這個簡單的模型將數(shù)據(jù)存儲為長度不透明的字節(jié)字符串變量，將任何形式的內(nèi)部組織留給應用層。字節(jié)流數(shù)據(jù)存儲的代表例子包括文件系統(tǒng)和云存儲服務。使用同步存儲會阻塞主線程，并為應用程序的創(chuàng)建凍結體驗。這是專門探索 JavaScript 及其所構建的組件的系列文章的第 16 篇。想閱讀更多優(yōu)質(zhì)文章請猛戳GitHub博客,一年百來篇優(yōu)質(zhì)文章等著你！如果你錯過了前面的章節(jié)，可以在這里找到它...

draveness 2019-08-23 14:58 評論0 收藏0
前端相關大雜燴

摘要：希望幫助更多的前端愛好者學習。前端開發(fā)者指南作者科迪林黎，由前端大師傾情贊助。翻譯最佳實踐譯者張捷滬江前端開發(fā)工程師當你問起有關與時，老司機們首先就會告訴你其實是個沒有網(wǎng)絡請求功能的庫。前端基礎面試題(JS部分) 前端基礎面試題(JS部分) 學習 React.js 比你想象的要簡單原文地址：Learning React.js is easier than you think 原文作...

fuyi501 2019-08-22 13:46 評論0 收藏0
溫故js系列（3）-cookie優(yōu)缺點&設置獲取刪除cookie

摘要：優(yōu)缺點優(yōu)點只在中存放不敏感數(shù)據(jù)，即使被盜也不會有重大損失。控制的生命期，使之不會永遠有效。極高的擴展性和可用性，使用簡單，操作方法方便缺點數(shù)量和長度的限制。每個長度不能超過，否則會被截掉。設置一般主要設置名字和值有效期路徑域名是否安全傳輸。前端學習：教程&開發(fā)模塊化/規(guī)范化/工程化/優(yōu)化&工具/調(diào)試&值得關注的博客/Git&面試-前端資源匯總歡迎提issues斧正：cookie J...

Vultr 2019-08-19 18:43 評論0 收藏0
數(shù)據(jù)存儲

摘要：數(shù)據(jù)并非存儲在一個安全環(huán)境中，其中包含的任何數(shù)據(jù)都可以被他人訪問。的兩個主要目標是提供一種在之外存儲會話數(shù)據(jù)的途徑提供一種存儲大量可以跨會話存在的數(shù)據(jù)的機制。隨著Web應用程序的出現(xiàn)，產(chǎn)生了對于能夠直接在客戶端上存儲用戶信息能力的要求。比如登錄信息、偏好設定或其他數(shù)據(jù)，這個問題的第一個方案是以cookie的形式出現(xiàn)的，今天cookie只是在客戶端存儲數(shù)據(jù)的其中一種選項。 cookie...

frolc 2019-08-23 17:03 評論0 收藏0
談談我熟悉又陌生的cookie

摘要：前言大概是我的業(yè)務領域比較狹窄的原因我總是會聽說卻很少在實際的開發(fā)中應用或者實踐過它今天剛好看到高級程序設計第三版的數(shù)據(jù)存儲部分說到了這里就對做一個深入訪談希望和我一樣對似曾相識的朋友可以真正的熟悉并學會利用來服務我們的業(yè)務定義是服務器為了前言大概是我的業(yè)務領域比較狹窄的原因,我總是會聽說cookie,卻很少在實際的開發(fā)中應用或者實踐過它,今天剛好看到的數(shù)據(jù)存儲部分,說到了cook...

fizz 2019-08-22 18:03 評論0 收藏0