html5 本地存储----localstorage初体验

最新推荐文章于 2022-01-11 10:44:04 发布

huihui10086

最新推荐文章于 2022-01-11 10:44:04 发布

阅读量874

点赞数

分类专栏： web前端 html5 文章标签： web前端 html5

本文链接：https://blog.csdn.net/u012763269/article/details/48131395

版权

web前端同时被 2 个专栏收录

58 篇文章 0 订阅

订阅专栏

html5

5 篇文章 0 订阅

订阅专栏

HTML5虽未来到其鼎盛时期，但这并不妨碍我们在实际项目中渐进使用HTML5的一些特性。就我所做的项目而言，应用的HTML5相关特性有：data-自定义属性、placeholder、以及email类型input文本框。最近了解了一下html的本地存储功能（例如cookies和localstorage），今天主要要和大家分享的是localstorage的一些基础常识：

废话不多说直接上代码（有注释），大家可以看看：

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>


		
</head>
<body>
	
    <script type="text/javascript" src="js/jquery.js"></script>
    
	<script type="text/javascript">
    	$(function(){
    		if(localStorage.example) {
    			localStorage.example = Number(localStorage.example)+1;
    		}else {
    			localStorage.example = 1;
    		}
    		console.log(localStorage.example);
    		var a = NaN;
    		 console.log(typeof a);
    		 
    		// get setItem方法设值：感觉用getItem更美观，容易读懂
			localStorage.setItem("hello", "world");
			localStorage.setItem("zhangsan", "lisi");
			//取值：
			console.log(localStorage.getItem("hello"));
			console.log(localStorage.getItem("zhangsan"));
    	});

	</script>
</body>
</html>

huihui10086

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
html5 本地存储----localstorage初体验

HTML5虽未来到其鼎盛时期，但这并不妨碍我们在实际项目中渐进使用HTML5的一些特性。就我所做的项目而言，应用的HTML5相关特性有：data-自定义属性、placeholder、以及email类型input文本框。最近了解了一下html的本地存储功能（例如cookies和localstorage），今天主要要和大家分享的是localstorage的一些基础常识：废话不多说直接上代码（有
复制链接

扫一扫

专栏目录