本地存儲之localStorage

来源:http://www.cnblogs.com/BH-Web/archive/2017/11/02/7774784.html
-Advertisement-
Play Games

localStorage 本地存儲 、對象、存數據 、取數據 存儲的數據量在20M左右 localStorage 是window下麵的屬性,用的時候可以省略window 數據只能存儲字元串類型的 localStorage沒有過期時間,只要不刪除就永遠存在 同一個瀏覽器的不同視窗數據可以通用 不同的瀏 ...


localStorage 本地存儲 、對象、存數據 、取數據

  1. 存儲的數據量在20M左右

  2. localStorage 是window下麵的屬性,用的時候可以省略window

  3. 數據只能存儲字元串類型的

  4. localStorage沒有過期時間,只要不刪除就永遠存在

  5. 同一個瀏覽器的不同視窗數據可以通用

  6. 不同的瀏覽器之間的數據不能通用

    localStorage 的使用方式:
    
    01.存數據:localStorage.setItem('數據的名字','數據');
    02.取數據:localStorage.getItem('數據的名字');
      註意:如果獲取的數據不存在,返回的是null
    03.刪數據:localStorage.removeItem('數據的名字');
    04.清空數據:localStorage.clear();
    
    示例:
     
    //隨意存幾個數據進去    
    
         localStorage.setItem('abc','efg');
         localStorage.setItem('qwe','hj');
         localStorage.setItem('sdf','fgh');
         localStorage.setItem('hj','dsfsdf');
    
     //先判斷一下數據是否存在 存在的話再去取
    
         if(localStorage.getItem('abc')){
           alert(localStorage.getItem('abc'));
         }
    
      //刪除數據
    
         setTimeout(function(){
           localStorage.removeItem('abc');
         },2000)
    
      //清空數據
    
         setTimeout(function(){
           localStorage.clear();
         },2000)
    
     
    
      //存數組的形式存數據
    
         // JSON.stringify() 將對象轉換成字元串
         // JSON.parse() 將對象字元串轉換成對象
    
         localStorage.setItem('arr',JSON.stringify([1,2,3]));
    
         console.log(JSON.parse(localStorage.getItem('arr')));

     

      

     

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 一、介紹 老鐵們,這次是JS的面向對象的編程OOP(雖然我沒有對象,心累啊,但是可以自己創建啊,哈哈)。 JS高程里第六章的內容,這章內容在我看來是JS中很難理解的一部分。所以分成三篇博客來逐個理清。 這是第一篇:理解對象,認識對象屬性的類型。 二、理解對象 書中原話 ECMA 262中把對像定義為 ...
  • 前言 今天夜間接到某BAT面試電話,問了些演算法的問題,說實話,感覺有點蒙逼,尤其是被問到了節點樹遍歷的問題。 對於樹形遍歷,在平常開發中很少碰到,多數碰到的是對象的深複製,也就想當然的遞歸調用了,根本沒考慮過性能方面的問題。 當面試官讓我用另一種方式進行遍歷,還有其他方式?(提示: 模擬棧或隊列來實 ...
  • 概念 執行環境(Execution context,簡稱EC)或執行上下文對象(後面統一用執行上下文表示),它定義了變數或者函數有權訪問的其他數據,決定了他們各自的行為。是不是有點不好理解,那我先簡單翻譯下: js代碼執行時所在的環境。繼續後面 在JavaScript中執行環境分三種: 執行上下文棧 ...
  • ES6 強制開啟嚴格模式 作用域 var 聲明局部變數,for/if花括弧中定義的變數在花括弧外也可訪問 let 聲明的變數為塊作用域,變數不可重覆定義 const 聲明常量,塊作用域,聲明時必須賦值,不可修改 解構賦值 使用場景 變數交換 獲取多個函數值 獲取多個函數返回值 對象解構賦值 獲取js ...
  • 實現效果: 實現原理: 技術棧: javascript+jQuery+html+css 實現步驟: // 0. 獲取元素 // 1. 滑鼠放置到輪播圖上,顯示兩側的控制按鈕,移開後隱藏 // 2. 為兩側控制按鈕綁定事件(調用同一個方法,只有一個參數,true為正向旋轉,false為反向旋轉) 實現 ...
  • print() 方法用於列印當前視窗的內容,支持部分或者整個網頁列印。 調用 print() 方法所引發的行為就像用戶單擊瀏覽器的列印按鈕。通常,這會產生一個對話框,讓用戶可以取消或定製列印請求。 win10下測試ie11、chrome、firefox、360、edge 都可以成功去掉頁眉頁腳; ...
  • 哎哎 1、滑鼠移進網頁里,不見了= = 2、簡單的文字模糊效果 3、多重邊框 4、實時編輯CSS 5、CSS中簡單運算 6、border-radius 因為基本上很多人都是這麼用的: 稍微高端一點的是這樣的: v v 然而,終極黑科技是這樣用的: border-radius 它可以賦8個值:斜線前面 ...
  • SVG作為時下比較新穎的技術標準,已經建立了很多基於SVG的前端項目。由於SVG在繪製路徑上非常靈活,我們將很多網頁上的元素使用SVG來繪製而成,有各種人物、小圖標、小動畫等等。今天我們收集了18個非常新奇有趣的SVG繪製動畫,這些動畫大部分都是使用SVG結合一定的CSS3特性實現而成,效果讓人大為 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...