localStorage实现本地缓存

最新推荐文章于 2024-07-01 15:30:29 发布

•᷄ࡇ•᷅哼

最新推荐文章于 2024-07-01 15:30:29 发布

阅读量368

点赞数

文章标签：缓存

本文链接：https://blog.csdn.net/m0_65638748/article/details/126735063

版权

1、存储数据setItem()

localStorage.setItem("name", "ming");

// 存储对象：

var obj = { name: "ming", age: 20 };     

localStorage.setItem("obj", JSON.stringify(obj));

2、获取数据getItem()

var res1 = localStorage.getItem("name");

var res2 = localStorage.getItem("obj");

// 把json格式转换成对象结构：
JSON.parse(res2)  // {name: 'jack', age: 18}

3、删除数据removeItem()

  localStorage.removeItem("name");

4、清空所有数据clear()

localStorage.clear();

实例

  <body οnlοad="onStart()">
    <input type="text" id="username" value="">
    <input type="button" value="保存缓存" οnclick="save()">
  </body>


	<script type="text/javascript">
    	var strKey = "strKey";
    	var storage = window.localStorage;
    	
    	function onStart(){
    		if(storage.getItem(strKey) != null){
    			alert(storage.getItem(strKey)+'localStorage');
    		}else if(Cookie.read(strKey) != null){
    			alert(Cookie.read(strKey)+'cookie');
    		}
    	}
    	function save(){
    		var strValue = document.getElementById("username").value;
    		if (storage) {
			    storage.setItem(strKey, strValue);	
		    } else {
			    Cookie.write(strKey, strValue);	
		    }
    	}
    </script>