当前位置：网站首页>Browser local storage

Browser local storage

2022-06-29 06:10:00 【I will try to be strong】

brief introduction

This article mainly introduces the browser's local storage
Concept ：

  1. The local storage of the browser means that the browser side passes window.sessionStorage and window.localStorage Property to store locally in the browser .
  2. General storage 5M Left and right data .

To put it bluntly, there are eight api Use .

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title> Browser local storage </title>
</head>
<body>
    
    <script> // use first sessionStorage object . // increase , Parameter is key value window.sessionStorage.setItem("name","yehaocong"); // obtain  var name = window.sessionStorage.getItem("name"); console.log("name=",name); // Change  window.sessionStorage.setItem("name","liaoxiaoyan"); // Delete  var name = window.sessionStorage.getItem("name"); console.log("name=",name); window.sessionStorage.removeItem("name"); var name = window.sessionStorage.getItem("name"); console.log("name=",name); // Empty  window.sessionStorage.clear() // The second is localStorage,api It's exactly the same  // increase , Parameter is key value window.localStorage.setItem("name","yehaocong"); // obtain  var name = window.localStorage.getItem("name"); console.log("name=",name); // Change  window.localStorage.setItem("name","liaoxiaoyan"); // Delete  var name = window.localStorage.getItem("name"); console.log("name=",name); window.localStorage.removeItem("name"); var name = window.localStorage.getItem("name"); console.log("name=",name); // Empty  window.localStorage.clear() </script>
</body>
</html>

effect ：
Insert picture description here
The local storage of the browser can be seen in the developer tool .
First, comment out the deleted and emptied code in the above code ：
Insert picture description here

sessionStorage and localStorage Is the difference between the ,sessionStorage Will disappear after the window is closed and reopened , and localStorage Is saved on disk , Only manual deletion will disappear , If the acquired storage is key non-existent , Returns the null.

原网站

版权声明
本文为[I will try to be strong]所创，转载请带上原文链接，感谢
https://yzsam.com/2022/02/202202160909099794.html

边栏推荐

猜你喜欢

随机推荐