storage操作方法

最新推荐文章于 2023-08-04 18:26:45 发布

code_8721

最新推荐文章于 2023-08-04 18:26:45 发布

阅读量158

点赞数

文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/weixin_32824897/article/details/127363754

版权

这个博客介绍了如何使用JavaScript管理浏览器的本地存储，包括设置、获取和删除Cookie，以及localStorage和sessionStorage的操作。通过提供的classStorageFn类，可以方便地进行数据的存取和清除，对于前端开发人员理解并操作用户数据存储非常有帮助。

摘要由CSDN通过智能技术生成

	class StorageFn {
	constructor () {
	this.ls = window.localStorage;
	this.ss = window.sessionStorage;
	    }
	
	/*-----------------cookie---------------------*/
	/*设置cookie*/
	    setCookie (name, value, day) {
	var setting = arguments[0];
	if (Object.prototype.toString.call(setting).slice(8, -1) === 'Object'){
	for (var i in setting) {
	var oDate = new Date();
	                oDate.setDate(oDate.getDate() + day);
	document.cookie = i + '=' + setting[i] + ';expires=' + oDate;
	            }
	        }else{
	var oDate = new Date();
	            oDate.setDate(oDate.getDate() + day);
	document.cookie = name + '=' + value + ';expires=' + oDate;
	        }
	
	    }
	
	/*获取cookie*/
	    getCookie (name) {
	var arr = document.cookie.split('; ');
	for (var i = 0; i < arr.length; i++) {
	var arr2 = arr[i].split('=');
	if (arr2[0] == name) {
	return arr2[1];
	            }
	        }
	return '';
	    }
	
	/*删除cookie*/
	    removeCookie (name) {
	this.setCookie(name, 1, -1);
	    }
	
	/*-----------------localStorage---------------------*/
	/*设置localStorage*/
	    setLocal(key, val) {
	var setting = arguments[0];
	if (Object.prototype.toString.call(setting).slice(8, -1) === 'Object'){
	for(var i in setting){
	this.ls.setItem(i, JSON.stringify(setting[i]))
	            }
	        }else{
	this.ls.setItem(key, JSON.stringify(val))
	        }
	
	    }
	
	/*获取localStorage*/
	    getLocal(key) {
	if (key) return JSON.parse(this.ls.getItem(key))
	return null;
	
	    }
	
	/*移除localStorage*/
	    removeLocal(key) {
	this.ls.removeItem(key)
	    }
	
	/*移除所有localStorage*/
	    clearLocal() {
	this.ls.clear()
	    }
	
	/*-----------------sessionStorage---------------------*/
	/*设置sessionStorage*/
	    setSession(key, val) {
	var setting = arguments[0];
	if (Object.prototype.toString.call(setting).slice(8, -1) === 'Object'){
	for(var i in setting){
	this.ss.setItem(i, JSON.stringify(setting[i]))
	            }
	        }else{
	this.ss.setItem(key, JSON.stringify(val))
	        }
	
	    }
	
	/*获取sessionStorage*/
	    getSession(key) {
	if (key) return JSON.parse(this.ss.getItem(key))
	return null;
	
	    }
	
	/*移除sessionStorage*/
	    removeSession(key) {
	this.ss.removeItem(key)
	    }
	
	/*移除所有sessionStorage*/
	    clearSession() {
	this.ss.clear()
	    }
	
	}