欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS 中LocalStorage和SessionStorage的使用

 更新時間：2017年08月17日 09:00:40   作者：Joseph_Bee  
最近因為項目上需要使用到客戶端存儲,所以稍微研究了一下,以下說說自己的理解和使用經(jīng)驗，特此分享到腳本之家平臺，感興趣的朋友參考下吧

最近因為項目上需要使用到客戶端存儲,所以稍微研究了一下,以下說說自己的理解和使用經(jīng)驗

1.調(diào)用方法相同

各自都包含以下幾種操作:

//根據(jù)key獲取對應(yīng)的值;
window.sessionStorage.getItem(key);
window.localStorage.getItem(key);
//新增key-value,若key已存在,則更新value;
window.sessionStorage.setItem(key,value);
window.localStorage.setItem(key,value);
//根據(jù)key移除對應(yīng)的值
window.sessionStorage.removeItem(key);
window.localStorage.removeItem(key);
//移除全部key-value
window.sessionStorage.clear();
window.localStorage.clear();
//根據(jù)索引獲取對應(yīng)key
window.sessionStorage.key(index);
window.localStorage.key(index);

2.生命周期不同

sessionStorage是人如其名,只針對當(dāng)前session(會話)有效,關(guān)閉標(biāo)簽頁即失效;

localStorage則不然,即使關(guān)閉了標(biāo)簽頁甚至瀏覽器,依然存在,下次打開頁面時,依然可以直接使用,

　　但是要注意,清除瀏覽器緩存時,localStorage的內(nèi)容也會清理掉;

3.數(shù)據(jù)共享

sessionStorage由于上述特性,也就不能夠在不同頁面之間進(jìn)行數(shù)據(jù)共享,同一域名也是不可以的;

localStorage則能夠?qū)崿F(xiàn)該需求,但是僅限于同一域名下;

總結(jié)

以上所述是小編給大家介紹的JS 中LocalStorage和SessionStorage的使用，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

相關(guān)文章

  • 通過原生JS實現(xiàn)為元素添加事件的方法

    通過原生JS實現(xiàn)為元素添加事件的方法

    下面小編就為大家?guī)硪黄ㄟ^原生JS實現(xiàn)為元素添加事件的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2016-11-11
  • js實現(xiàn)彈窗暗層效果

    js實現(xiàn)彈窗暗層效果

    本文主要分享了js實現(xiàn)彈窗暗層效果的示例代碼。具有一定的參考價值，下面跟著小編一起來看下吧
    2017-01-01
  • 關(guān)于Javascript作用域鏈的八點總結(jié)

    關(guān)于Javascript作用域鏈的八點總結(jié)

    其實吧，關(guān)于作用域鏈相關(guān)的文章我也看了不少，但是我一直也沒能做一個詳細(xì)的總結(jié)，今天把我看到的一些東西，結(jié)合自己的想法，總結(jié)成以下8個點
    2013-12-12
  • QML實現(xiàn)圓環(huán)顏色選擇器

    QML實現(xiàn)圓環(huán)顏色選擇器

    這篇文章主要為大家詳細(xì)介紹了QML實現(xiàn)圓環(huán)顏色選擇器，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2019-09-09
  • JS?限時限次數(shù)點擊按鈕的實現(xiàn)思路

    JS?限時限次數(shù)點擊按鈕的實現(xiàn)思路

    這篇文章主要介紹了JS?限時限次數(shù)點擊按鈕,實現(xiàn)方法很簡單需要用一個變量作為計數(shù),點擊一次，計數(shù)加一點擊函數(shù)內(nèi)判斷計數(shù)變量設(shè)置定時恢復(fù)，對實例代碼感興趣的朋友一起看看吧
    2022-03-03
  • JavaScript 數(shù)組- Array的方法總結(jié)(推薦)

    JavaScript 數(shù)組- Array的方法總結(jié)(推薦)

    下面小編就為大家?guī)硪黄狫avaScript 數(shù)組- Array的方法總結(jié)(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2016-07-07
  • JavaScript中的Window.open()用法示例詳解

    JavaScript中的Window.open()用法示例詳解

    這篇文章主要給大家介紹了關(guān)于JavaScript中Window.open()用法的相關(guān)資料,今天在項目中用到了彈出子窗口,就想到了用JavaScript實現(xiàn)的兩種方法,其中一個就是window.open(),需要的朋友可以參考下
    2023-07-07
  • js如何判斷輸入字符串長度

    js如何判斷輸入字符串長度

    這篇文章主要介紹了js判斷輸入字符串長度，漢字算兩個字符，字母數(shù)字算一個，感興趣的小伙伴們可以參考一下
    2015-12-12
  • Javascript中實現(xiàn)trim()函數(shù)的兩種方法

    Javascript中實現(xiàn)trim()函數(shù)的兩種方法

    這篇文章主要介紹了Javascript中實現(xiàn)trim()函數(shù)的兩種方法,本文直接給出實現(xiàn)代碼和使用方法,需要的朋友可以參考下
    2015-02-02
  • 使用JavaScript和MQTT開發(fā)物聯(lián)網(wǎng)應(yīng)用示例解析

    使用JavaScript和MQTT開發(fā)物聯(lián)網(wǎng)應(yīng)用示例解析

    這篇文章主要介紹了使用JavaScript和MQTT開發(fā)物聯(lián)網(wǎng)應(yīng)用示例解析，文章通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-08-08

最新評論