• h5本地缓存(localStorage,sessionStorage)


    H5本地存储数据 localStorage,sessionStorage的区别:

      相同点:  缓存数据比cookie的范围大;

      localStorage:关闭浏览器数据不会消失,除非手动删除数据

      sessionStroage:数据暂时缓存在客户端,关闭浏览器数据丢失

    下面是localStorage,sessionStorage常用的方法:

       setItem(‘name’,'xsxs');//设置数据

       getItem('name');//获取数据 

       removeItem('name');//移除某条属性的数据

      clear();//清空数据 

    <!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>sessionStorage,localStorage,cookie</title>
    
    </head>
    <body>
    	<script>
    // sessionStorage本地缓存数据,关闭浏览器数据消失
    		window.sessionStorage.setItem("name", 'lixiaohu');
    		// 设置属性
    		window.sessionStorage.setItem('age', "11");
    		window.sessionStorage.setItem('sex', "girl");
    		var ss = window.sessionStorage.getItem('name');//获取属性
    		console.log(ss);
    		// window.sessionStorage.removeItem('age');//移除某个属性的键
    		// window.sessionStorage.clear();//清空缓存的数据
    // localStorage本地缓存方式,关闭浏览器数据不丢失,除非手动删除数据
    		window.localStorage.setItem('school', '中原工学院信息商务学院');
    		window.localStorage.setItem('classname', '计算机科学与技术');
    		var schools = window.localStorage.getItem('school');
    		console.log(schools);
    		// window.localStorage.removeItem('classname');
    		// window.localStorage.clear();
    
    	</script>
    </body>
    </html>
    

      

  • 相关阅读:
    C#基础知识汇总(不断更新中)
    比较两个DataTable是否相等
    C#利用SerialPort控件进行串口编程小记
    C# ListBox 自动滚动到底部 方法:
    IIS配置文件的XML格式不正确 applicationHost.config崩溃 恢复解决办法
    net4log 添加自定义变量
    net4log 日志管理
    C#实现加简单的Http请求
    H5,Css小姐又作画了
    H5 ,Css实现了你的logo
  • 原文地址:https://www.cnblogs.com/lvxisha/p/9776497.html
Copyright © 2020-2023  润新知