cookie localstorage sessionStorage

YanceyOfficial 發布于2019-08-23 15:31 / 1307人閱讀

摘要：保存在瀏覽器端的用戶信息的文本，約條必須在服務器環境下，第一次在服務器生成，響應給客戶端客戶端發起請求時，會跟隨請求一起發送到服務器端優點能記錄用戶信息，保持狀態缺點消耗相當的帶寬網絡資源，可能泄露用戶的私隱怎么用請看下面的獲取所有條數組成

cookie

保存在瀏覽器端的用戶信息的文本，約4k 120~150條
 cookie必須在服務器環境下，cookie第一次在服務器生成，響應給客戶端
 客戶端發起請求時，cookie會跟隨請求一起發送到服務器端
 優點：能記錄用戶信息，保持狀態
 缺點：消耗相當的帶寬網絡資源，可能泄露用戶的私隱

cookie怎么用?
請看下面的code:
   
// 1.獲取cookie
function getCookie(name) {
    var cookies = document.cookie.split("; ");//所有cookie條數組成的數組
    for(var i = 0; i < cookies.length; i++) {
        var arr = cookies[i].split("=");// 將name199=value199字符串以=號分割
        if(name === arr[0]) {
            return arr[1]; // 找到立即返回
        }
    }
    return ""; //找不到返回空
}

// 2.設置cookie
// expires 天
function setCookie(name, value, expires) {
    document.cookie = name + "=" + value + ";Max-Age = " + expires * 24 * 60 * 60;
}

// 3.清除cookie
function clearCookie(name) {
    setCookie(name, "", -1);
}

localStorage

 本地存儲，5M，不需要服務器環境，一直保留在瀏覽器;但是不能跨客戶端跨瀏覽器
localStorage.getItem(name)        獲取
localStorage.setItem(name, value) 設置
localStorage.removeItem(name)     移除

sessionStorage

會話，跟localStorage 時效不一致，瀏覽器或當前頁面關閉，信息不保存
sessionStorage.getItem(name)        獲取
sessionStorage.setItem(name, value) 設置
sessionStorage.removeItem(name)     移除

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/102168.html

cookie、Sessionstorage、Localstorage快速上手

摘要：快速上手先說區別數據大小不能超過。可以在后端設置修改，數據僅在本地瀏覽器保存。數據存儲在瀏覽器僅在瀏覽器為關閉的狀態，關閉窗口后數據就會銷毀。默認情況下，屬于當前頁面。 cookie、Sessionstorage、Localstorage快速上手先說區別 cookie: 數據大小不能超過4KB。不管是否有需求，cookie數據都會在HTTP請求中攜帶，在瀏覽器和服務器中來回傳遞，...

duan199226 2019-08-20 17:49 評論0 收藏0
詳說 Cookie, LocalStorage 與 SessionStorage

摘要：顧名思義，確實非常小，它的大小限制為左右，是網景公司的前雇員在年月的發明。是標準中新加入的技術，它并不是什么劃時代的新東西。特性與的接口類似，但保存數據的生命周期與不同。但當頁面關閉后，中的數據就會被清空。本文最初發布于我的個人博客：咀嚼之味最近在找暑期實習，其中百度、網易游戲、阿里的面試都問到一些關于HTML5的東西，問題大多是這樣開頭的：你用過什么HTML5的技術呀？...

endless_road 2019-08-21 10:31 評論0 收藏0
localStorage、sessionStorage、Cookie的區別及用法

摘要：的區別及用法是本地存儲，存儲在客戶端，包括和。僅在當前會話下有效，關閉頁面或瀏覽器后被清除。源生接口可以接受，亦可再次封裝來對和有更好的支持。但需要程序員自己封裝，源生的接口不友好。每個最多只能有條，每個長度不能超過。 localStorage、sessionStorage、Cookie的區別及用法 showImg(https://segmentfault.com/img/bVYLlH...

sf_wangchong 2019-08-21 17:41 評論0 收藏0
cookie、Sessionstorage、Localstorage快速上手

摘要：快速上手先說區別數據大小不能超過。可以在后端設置修改，數據僅在本地瀏覽器保存。數據存儲在瀏覽器僅在瀏覽器為關閉的狀態，關閉窗口后數據就會銷毀。默認情況下，屬于當前頁面。 cookie、Sessionstorage、Localstorage快速上手先說區別 cookie: 數據大小不能超過4KB。不管是否有需求，cookie數據都會在HTTP請求中攜帶，在瀏覽器和服務器中來回傳遞，...

Galence 2019-08-20 17:49 評論0 收藏0