• 最大保存期間を設定します document.cookie = "key=value;max-age=1000" // 1000 秒

var timestamp = (new Date()).getTime() + 10000;var expires = new Date(timestamp).toGMTString();
//或toUTCStringdocument.cookie = "key=value;expires="+expires;

• 詳細を取得する Cookie 値

function getCookie(name) {
    var name = name + "=";    
    var ary = document.cookie.split(';');    
    for(var i = 0; i < ary.length; i++){        
    var c = ary[i];        
    while (c.charAt(0) == &#39; &#39;){
          c = c.substring(1);
        }        
        if (c.indexOf(name) != -1){          
        return c.substring(name.length, c.length);
        }
    }    return "";
}

ログイン後にコピー
• Web ストレージ
  Web ストレージは 2 つのタイプに分かれています
localStorage と sessionStorage

localStorage は手動で削除しない限り永続的なデータを保存します

セッションストレージ ストア一時データはウィンドウを閉じると消えます

Web Storageは文字列データしか保存できません

localStorageを例にすると使い方は似ています

localStorage.name = 'payen';
localStorage.info = JSON.stringify({name: 'payen', age: 20});
console.log(localStorage.name);
console.log(JSON.parse(localStorage.info));

へデータ名はlocalStorageの属性名で、通常のオブジェクトデータはJSON.stringify()を使用して文字列形式に変換できます。

データを削除するには、単に削除してください

delete localStorage.name;delete localStorage.info;

• API
  localStorageとsessionStorageも、
クライアントデータベースに似たシンプルなAPIを提供します
• (APIは同じです)

  以下が一般的に使用されます:

• データを保存 setItem(key , value )

• データ読み取り getItem(key)

• 単一データ削除removeItem(key)

全データクリアclearItem()

データインデックスkey(index)取得

これにより、簡単なアドレス帳を作成できます

<p id="container">
    <br>
    <label for="username">姓名：</label>
    <input type="text" id="username" name="username">
    <br>
    <label for="mobilephone">手机：</label>
    <input type="text" id="mobilephone" name="mobilephone">
    <br><br>
    <input type="button" onclick="add()" id="add" value="增加联系人">
    <br><br>
    <hr>
    <label for="search">输入姓名：</label>
    <input type="text" id="search" name="search">
    <br><br>
    <input type="button" onclick="find()" id="find" value="查找手机号">
    <p id="result"><br></p></p>

これらの 2 つの機能は JavaScript で実装されています

#container {    
border: 2px solid gray;    
width: 320px;    
text-align:center;}

名前と携帯電話番号を入力して連絡先を追加します
次に、連絡先名を下に入力してください。携帯電話番号

ネイティブインターフェースの使用はフレンドリーではなく、手動でのカプセル化が必要です

ネイティブインターフェースはフレンドリーです