\

Html5 Web Storage includes two Storage methods: sessionStorage and localStorage.

SessionStorage is used to store data in a session locally, which can only be accessed by pages in the same session and is destroyed when the session ends. Therefore, sessionStorage is not a persistent local storage, only session level storage. Only access to the same window is allowed. \

And localStorage for persistent localStorage, unless actively delete data, otherwise the data is never expired. Cognate can read and modify localStorage data.

<! DOCTYPEhtml>
<html lang="en">
<head>
</head>
<body>
<script>
    / / setItem stored value
    localStorage.setItem("name"."Xu Tongbao");
    localStorage.setItem("job"."The web front end");

    / / the getItem method to obtain the value
    var name = localStorage.getItem('name');
    var job = localStorage.getItem('job');
    console.log('Name:' + name);
    console.log('Occupation:' + job);

    / / removeItem delete key
    localStorage.removeItem('name');
    var name = localStorage.getItem('name');
    var job = localStorage.getItem('job');
    console.log('Name:' + name);
    console.log('Occupation:' + job);

    //clear Clears all keys/values
    localStorage.clear();
    localStorage.removeItem('name');
    var name = localStorage.getItem('name');
    var job = localStorage.getItem('job');
    console.log('Name:' + name);
    console.log('Occupation:' + job);
</script>
</body>
</html>
Copy the code


\

Browser support:

\

\

Chrome View

\

\