client storage

Web Storage:

Compatible with all major browsers including IE8, not compatible with earlier browsers; support large capacity but not unlimited

LocalStorage and sessionStorage are two properties of the window object, both of which represent the same storage (persistent associative array) object

Storage：

localStorage：

 

var name = localStorage.username; // Query a stored value 
// Associative array, same as object 
// Index array, use subscript 
// name = localStorage["username"]; 
if (name == "undefined" ) {
    name = prompt("What is you name"); // Ask the user a question 
    localStorage.username = name; // Store the user's answer 
}

// Iterate over all stored name/value pairs 
for ( var name in localStorage) {
     var value = localStorage[name];
    console.log("属性：" + name + "  值：" + value + "\n");
}

 

sessionStorage

var name = sessionStorage.username; // Query a stored value 
// Associative array, same as object 
// Index array, use subscript 
    name = sessionStorage["username" ];
 if (name == "undefined" ) {
    name = prompt("What is you name"); // Ask the user a question 
    sessionStorage.username = name; // Store the user's answer 
}

// Iterate over all stored name/value pairs 
for ( var name in sessionStorage) {
     var value = sessionStorage[name];
    console.log("属性：" + name + "  值：" + value + "\n");
}

Cookie

Client-side storage mechanism used by server-side scripts; a cookie is sent to the server for each HTTP request;

All old browsers support suitable for small storage

IE UserData

Offline web application

web database

Filesystem API