JavaScriptのWeb Storage

5648 ワード

HTML 5に導入された非常に重要な機能は、クライアントにデータをローカルに格納することができ、機能はクッキーよりも強く、格納データ量もクッキーの4 KBよりはるかに大きく、公式にはウェブサイトごとに5 MBを提案し、一部のブラウザは10 MB以上をサポートすることができる.
2つの異なるタイプのセッションストアを含む:ブラウザが閉じた後にデータが失効するlocalStorage:データが永続的に有効
localStorageを書きます.変数名=値;var value=localStorageを読みます.変数名;以上の使用法では、変数名がJSネーミング仕様sessionStorageの使用法とlocalStorageと同じである必要があります.
書き込み:sessionStorage.name=“mike”; sessionStorage.pass=“123”; localStorage.name=“jerry”; localStorage.pass=“456”;
読み取り:var name_s=sessionStorage.name; var pass_s=sessionStorage.pass; var name_l=localStorage.name; var pass_l=localStorage.pass; ここでname、passはカスタム名であり、JavaScriptネーミング仕様に合致する限り、符号化する必要はありません.
length:格納されたキー値ペア数setItem(key,value):書き込みデータgetItem(key):keyによるデータremoveItem(key):keyによるデータclear()の削除:すべてのデータkey(index):index位置を取得するkey
<script type="text/javascript">
    function doWrite() {
        var username = document.getElementById("username").value;
        var password = document.getElementById("password").value;

        //   localStorage 
        localStorage.username = username;
        localStorage.password = password;

        //   sessionStorage 
        sessionStorage.sex = " ";
        sessionStorage.hobby = "game;movie";

        console.log("  WebStorage  !");
    }

    function doReadAll() {
        console.log(localStorage);
        console.log(sessionStorage); // :sessionStorage          ,          
    }

    function doReadLocalStorage(key) {
        // console.log(localStorage.key); //       "key" ,      ,  key   ,       
        console.log(localStorage.getItem(key));
    }

    function doReadSessionStorage(key) {
        // console.log(sessionStorage.key); //       
        console.log(sessionStorage.getItem(key));
    }
</script>