成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

cookie localstorage sessionStorage

YanceyOfficial / 1315人閱讀

摘要:保存在瀏覽器端的用戶信息的文本,約條必須在服務器環(huán)境下,第一次在服務器生成,響應給客戶端客戶端發(fā)起請求時,會跟隨請求一起發(fā)送到服務器端優(yōu)點能記錄用戶信息,保持狀態(tài)缺點消耗相當?shù)膸捑W(wǎng)絡資源,可能泄露用戶的私隱怎么用請看下面的獲取所有條數(shù)組成

cookie
保存在瀏覽器端的用戶信息的文本,約4k 120~150條
 cookie必須在服務器環(huán)境下,cookie第一次在服務器生成,響應給客戶端
 客戶端發(fā)起請求時,cookie會跟隨請求一起發(fā)送到服務器端
 優(yōu)點:能記錄用戶信息,保持狀態(tài)
 缺點:消耗相當?shù)膸捑W(wǎng)絡資源,可能泄露用戶的私隱
    

cookie怎么用?
請看下面的code:
   
// 1.獲取cookie
function getCookie(name) {
    var cookies = document.cookie.split("; ");//所有cookie條數(shù)組成的數(shù)組
    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,不需要服務器環(huán)境,一直保留在瀏覽器;但是不能跨客戶端跨瀏覽器
localStorage.getItem(name)        獲取
localStorage.setItem(name, value) 設置
localStorage.removeItem(name)     移除
 
sessionStorage
會話,跟localStorage 時效不一致,瀏覽器或當前頁面關閉,信息不保存
sessionStorage.getItem(name)        獲取
sessionStorage.setItem(name, value) 設置
sessionStorage.removeItem(name)     移除

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

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/102168.html

相關文章

  • cookie、SessionstorageLocalstorage快速上手

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

    duan199226 評論0 收藏0
  • 詳說 Cookie, LocalStorageSessionStorage

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

    endless_road 評論0 收藏0
  • localStorage、sessionStorage、Cookie的區(qū)別及用法

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

    sf_wangchong 評論0 收藏0
  • cookie、Sessionstorage、Localstorage快速上手

    摘要:快速上手先說區(qū)別數(shù)據(jù)大小不能超過??梢栽诤蠖嗽O置修改,數(shù)據(jù)僅在本地瀏覽器保存。數(shù)據(jù)存儲在瀏覽器僅在瀏覽器為關閉的狀態(tài),關閉窗口后數(shù)據(jù)就會銷毀。默認情況下,屬于當前頁面。 cookie、Sessionstorage、Localstorage快速上手 先說區(qū)別 cookie: 數(shù)據(jù)大小不能超過4KB。 不管是否有需求,cookie數(shù)據(jù)都會在HTTP請求中攜帶,在瀏覽器和服務器中來回傳遞,...

    Galence 評論0 收藏0

發(fā)表評論

0條評論

YanceyOfficial

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<