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

資訊專欄INFORMATION COLUMN

localStorage、sessionStorage、cookie的使用

RancherLabs / 2042人閱讀

摘要：但同樣要注意，這幾個(gè)選項(xiàng)一定要舊保持一樣。所以當(dāng)?shù)暮椭泻羞@個(gè)特殊字符時(shí)，需要對(duì)其進(jìn)行額外編碼，一般會(huì)用進(jìn)行編碼，讀取時(shí)用進(jìn)行解碼當(dāng)然也可以用或者

記錄localStorage、sessionStorage和cookie的使用。

h5本地存儲(chǔ)： 介紹

localStorage
永久保存 不同頁(yè)面和標(biāo)簽頁(yè)可以共享 關(guān)閉瀏覽器不會(huì)清除

sessionStorage
會(huì)話保存 不同頁(yè)面和標(biāo)簽頁(yè)不能共享 關(guān)閉瀏覽器會(huì)清除

存儲(chǔ)內(nèi)容：數(shù)組、圖片、json、樣式、腳本等只要能序列化為字符串的都可以
大?。好總€(gè)域名5M
遇到的問題：SecurityError (DOM Exception 18): The operation is insecure.
需要在服務(wù)器狀態(tài)下使用，如果以file://狀態(tài)使用會(huì)DOM異常的錯(cuò)誤

原型

clear()

getItem(key)

key(index)

length

removeItem(key)

setItem(key, data)

使用 setItem() 
window.localStorage.setItem("name", "tanyue"); //設(shè)置名稱為“name”的值   關(guān)閉瀏覽器不會(huì)消失
window.localStorage.setItem("email", "tanyuetz163.com"); //設(shè)置名稱為“email”的值   關(guān)閉瀏覽器不會(huì)消失
window.sessionStorage.setItem("email", "tanyuetz163.com"); //獲取名稱為“email”的值   關(guān)閉瀏覽器消失
getItem() 
var local = window.localStorage.getItem("name"); //獲取name的值
var session = window.sessionStorage.getItem("email"); //獲取email的值
console.log(local);
console.log(session);
遍歷 
var storage = window.localStorage;
    for (var i = 0, len = storage.length; i < len; i++) {
      var key = storage.key(i);
      var value = storage.getItem(key);
      console.log(key + "=" + value);
    }
removeItem() 
window.localStorage.removeItem("name"); //移除name屬性
window.sessionStorage.removeItem("email"); //移除email屬性
clear() 
window.localStorage.clear(); //清除localStorage
cookie

當(dāng)網(wǎng)頁(yè)要發(fā)送http請(qǐng)求時(shí)，瀏覽器會(huì)首先檢查是否有相應(yīng)的cookie,有則自動(dòng)添加在request header中的cookie字段中。這些是瀏覽器自動(dòng)幫我們做的，而且每一次http請(qǐng)求瀏覽器都會(huì)自動(dòng)添加cookie,因此身份驗(yàn)證信息會(huì)很適合放置在cookie中

大?。?
每個(gè)個(gè)域名下大小為4k,每個(gè)域名下數(shù)量最多為20個(gè)

設(shè)置cokie:
`"key=name; expires=Thu, 25 Feb 2017 04:18:00 GMT;
domain=xxx.xxx.com; path=/; secure; HttpOnly"`(屬性之間用分號(hào)和空格隔開)

方法： 
document.cookie = "name=Jonh; age=12; class=111";
//不能通過這種方式設(shè)置多個(gè)cookie

//只能通過這種多次添加的方式設(shè)置cookie
document.cookie = "name=abc";
document.cookie = "age=22";
//修改cookie  重新賦值
document.cookie = "class=222";
//刪除刪除 cookie
//刪除一個(gè)cookie 也挺簡(jiǎn)單，也是重新賦值，只要將這個(gè)新cookie的expires 選項(xiàng)設(shè)置為一個(gè)過去的時(shí)間點(diǎn)就行了。但同樣要注意，path/domain/這幾個(gè)選項(xiàng)一定要舊cookie 保持一樣。
var date = new Date();
date.setTime(date.getTime() - 10000);
document.cookie = "name=Jonh; expires=" + date.toGMTString();
//cookie編碼
// cookie其實(shí)是個(gè)字符串，但這個(gè)字符串中逗號(hào)、分號(hào)、空格被當(dāng)做了特殊符號(hào)。所以當(dāng)cookie的 key 和 value 中含有這3個(gè)特殊字符時(shí)，需要對(duì)其進(jìn)行額外編碼，一般會(huì)用escape進(jìn)行編碼，讀取時(shí)用unescape進(jìn)行解碼；當(dāng)然也可以用encodeURIComponent/decodeURIComponent或者encodeURI/decodeURI

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/90605.html

相關(guān)文章

  • 詳說 Cookie, LocalStorage 與 SessionStorage

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

    endless_road 評(píng)論0 收藏0

  • cookie、Sessionstorage、Localstorage快速上手

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

    duan199226 評(píng)論0 收藏0

  • localStorage、sessionStorage、Cookie的區(qū)別及用法

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

    sf_wangchong 評(píng)論0 收藏0

  • cookie、Sessionstorage、Localstorage快速上手

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

    Galence 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

RancherLabs

男|高級(jí)講師

TA的文章

閱讀更多
最新活動(dòng)
閱讀需要支付1元查看
<