H5 local storage data sessionstorage, localstorage

1、 characteristic :

(1) Convenient setting and reading

(2) Relatively large capacity ,sessionStorage about 5M,localStorage about 20M

(3) Only strings can be stored

(4)JASON Turn the string :JSON.stringify(json)

2、window.sessionStorage

(1) Life cycle : Close the browser , The data disappears

(2) Only on the current page ( Same window ) Data sharing

Example ：

 var data = {"name":" Xiao Chen ","age":19}
 window.sessionStorage.setItem('data',JSON.stringify(data))

3、window.localStorage

(1) permanent , Unless you delete

(2) Under the same domain name and address Multi page shared data

Example ：

 var data1 = {"name":" Xiao Wang ","age":21}
 window.localStorage.setItem('data1',JSON.stringify(data1))
       

  Open other local html After checking the file, you can see the same data in the browser

4、 Method

(1)setItem(key,value) Set storage content

(2)getItem(key) Read the stored content

(3)removeItem(key) The delete key value is key Storage content of

(4)clear() Clear all stored content