h5 新增本地存储localStorage、sessionStorage

迷南。 2021-07-25 02:12 478阅读 0赞

localStorage
    	用户不主动删除永久存在,域名区分
    sessionStorage
    	浏览器关闭时删除
    	
    操作:
    	
    	写入:
    		localStorage/sessionStorage.setItem('key','value');
    
    	读取:
    		localStorage/sessionStorage.getItem('key');
    
    	删除:
    		localStorage/sessionStorage.removeItem('key');

代码示例:

<html>
    <head>
    	<meta charset="utf-8">
    	<title></title>
    	<style>
    
    	
    	</style>
    </head>
    <body>
     	
     	<button class='local'>点我local存储</button>
     	<button class='session'>点我session存储</button>
     	<button class='co'>点我cookie</button>
    
    	<script>
    
    	;(function(){ 
    		document.querySelector('.local').onclick=function(){ 
    			//添加
    			localStorage.setItem('uname','jeff');
    			//读取
    			console.log(localStorage.getItem('uname'));
    			//删除
    			localStorage.removeItem('uname');
    		};
    
    		document.querySelector('.session').onclick=function(){ 
    
    			sessionStorage.setItem('uname2','mike');
    			console.log(sessionStorage.getItem('uname2'));
    			//关闭浏览器时删除
    		}
    
    
    	})()
    
    	</script>
    	
    </body>
    
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，478人围观）

还没有评论，来说两句吧...

相关阅读

相关 H5新增知识点

HTML5新语义化标签 ( 很重要的 ) 新旧对比： width height background -> css2.1 transform b

痛定思痛。/ 2023年07月10日 15:56/ 0 赞/ 43 阅读

相关 H5本地存储

在以前，我们想要存储一些数据，并且只是在前端使用，服务端并不会使用，我们只能存在cookie里，但是cookie会跟随请求头在客户端和服务端之间来回传递，而且cookie

水深无声/ 2023年06月11日 10:22/ 0 赞/ 31 阅读

相关 H5 新增语义标签

1、HTML5 简介 1. HTML5是HTML最新的修订版本，2014年10月由万维网联盟（W3C）完成标准制定。 2. HTML5的设计目的是为了在移动设备上支持

ゝ一世哀愁。/ 2022年12月29日 09:16/ 0 赞/ 193 阅读

相关 native 嵌套 h5(localstorage) 本地存储问题

native 嵌套h5 本地存储问题，按照正常逻辑来说（localStorage、sessionStorage），本是没有任何问题的。但是 native 嵌套之后，问题就出

╰半夏微凉°/ 2022年08月22日 03:55/ 0 赞/ 199 阅读

相关 H5本地存储(storage)和cookie详解

cookie：存储数据，当用户访问了某个网站（网页）的时候，我们就可以通过cookie向来访问者电脑存储数据 1. 不同的浏览器存放的cookie位置不一样，也是不能通用的

系统管理员/ 2022年05月20日 05:38/ 0 赞/ 276 阅读

相关 h5新增标签

article: 标签定义外部的内容。 aside:标签定义 article 以外的内容。a audio:h5新增音频标签。没有高宽属性。 can

妖狐艹你老母/ 2022年04月22日 13:28/ 0 赞/ 278 阅读

相关 h5 新增本地存储localStorage、sessionStorage

localStorage 用户不主动删除永久存在,域名区分 sessionStorage 浏览器关闭时删除操作:

迷南。/ 2021年07月25日 02:12/ 0 赞/ 479 阅读

相关 h5 新增input类型

input新增,自带校验功能浏览文件 type='file' js下获取对象后的length属性，长度为上传的文件个数,改对象返回

Love The Way You Lie/ 2021年07月24日 23:57/ 0 赞/ 498 阅读

相关 h5 新增属性

默认提示内容 placeholder <input type="text" placeholder="请输入用户名" /> 多输

拼搏现实的明天。/ 2021年07月24日 18:04/ 0 赞/ 522 阅读

相关 h5 新增结构标签

头部 <header>头部</header> 导航 <nav>导航</nav> 定义文档中的节。章节、页眉、标题 <sec

秒速五厘米/ 2021年07月24日 16:54/ 0 赞/ 516 阅读