localstorageについて

localstorageとは?HTML 5の新しい特性は、主にローカルストレージとして使用される特性で、クッキーのストレージスペース不足(クッキーごとにクッキーのストレージスペースは4 k)を解決し、localStorageでは一般的にブラウザが5 Mサイズをサポートしており、ブラウザによってlocalStorageが異なる.
localStorageのメリットは?1、localStorage cookieの4 K制限を広げた2、localStorageは最初に要求したデータを直接ローカルに保存することができ、これは5 Mサイズのフロントエンドページ向けのデータベースに相当し、cookieより帯域幅を節約することができる
localStorageの限界は?1、各ブラウザのストレージサイズが統一されていない.IE 8以上のIEバージョンではlocalStorageという属性をサポートする.2、現在のすべてのブラウザではlocalStorageの値タイプをstringタイプに限定している.これは日常的によく見られるJSONオブジェクトタイプにいくつかの変換が必要である.3、localStorageはブラウザのプライバシーモードの下では読み取れない4、localStorageは本質的に文字列の読み取りであり、記憶内容が多いとメモリスペースが消費され、ページがカード5に変化し、localStorageが爬虫類に捕まえられない
localStorageとsessionStorageの違いは?つまりlocalStorageは永続的なストレージに属し、sessionStorageはセッションが終了すると(ブラウザページが閉じるなど)、sessionStorageのキー値ペアが空になります.
localstorageの使用?ここでは特にlocalStorageの使用も同源ポリシーに従うため、異なるサイトでは同じlocalStorageを直接共有することはできません.
一:localstorageのストレージについて、ここでは3つのストレージ方法を示した.

    
    



    クリックしてindex 2ページに ります



    //   localStorage    -->
  var storage=window.localStorage;

 /*   //    localstorage     
  storage.number1='  localstorage   .1   ';
  storage.number2='  localstorage   .2   ';
  storage.number3='  localstorage   .3   ';*/

  /*  //    localstorage     
    storage['number1']='  localstorage   .4   ';
    storage['number2']='  localstorage   .5   ';
    storage['number3']='  localstorage   .6   ';*/

      //    localstorage     
    storage.setItem('number1','  localstorage   .7   ');
    storage.setItem('number2','  localstorage   .8   ');
    storage.setItem('number3','  localstorage   .9   ');


//               
    console.log(storage)

二:localstorage抽出について、ここでは3つの抽出方法を示した.

    
    



         localstorage  




    //   localStorage    -->
    var storage=window.localStorage;
    console.log(storage);

  /* //  localstorage      
    var lenOne=storage.number1;
    var lenTwo=storage.number2;
    var lenThree=storage.number3;*/

  /*  //  localstorage      
    var lenOne=storage['number1'];
    var lenTwo=storage['number2'];
    var lenThree=storage['number3'];
*/

      //  localstorage      
    var lenOne=storage.getItem('number1');
    var lenTwo=storage.getItem('number2');
    var lenThree=storage.getItem('number3');

    console.log(lenOne);
    console.log(lenTwo);
    console.log(lenThree);

三:localstorage削除について
すべてのlocalstorageをクリア

storage.clear()

単一localstorageの削除

storage.removeItem('number1')

三:localstorageの変更について

storage.setItem('number1','55555')