Html5之web存储

最新推荐文章于 2022-04-02 01:28:16 发布

web菜鸟程序猿

最新推荐文章于 2022-04-02 01:28:16 发布

阅读量461

点赞数

分类专栏： Html 文章标签： CSS HTML 字体标签格式化

本文链接：https://blog.csdn.net/zhou0107/article/details/9146127

版权

Html 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Web存储</title>
	<script type="text/javascript">
	localStorage.lastname = "liu";
	document.write(localStorage.lastname+"<br>");
	/**
	 * localStorage方法统计访问次数；没有时间限制的数据存储
	 */
	if(localStorage.pagecount){
		localStorage.pagecount = Number(localStorage.pagecount)+1;
	}
	else{
		localStorage.pagecount = 1;
	}
	document.write("LocalStorage_Visits:"+localStorage.pagecount+"times"+"<br>");</script>
	<script type ="text/javascript">
	/**
	 * sessionStorage方法，对用户访问的次数统计,针对一个session的数据存储
	 */
	sessionStorage.lastname = "liu";
	document.write(sessionStorage.lastname+"<br>");
	if(sessionStorage.pagecount){
		sessionStorage.pagecount = Number(sessionStorage.pagecount) + 1;
	}
	else{
		sessionStorage.pagecount = 1;
	}
	document.write("SessionStorage_Visits："+sessionStorage.pagecount+"times");
	</script>
</head>
<body>
	<form>
		<input type="email" name="user" id="" required= "required">
		<input type="number" name="name" id="n_1" min="12" max="20" required= "required">
		<input type="submit" value="提交">
	</form>
</body>
</html>

web菜鸟程序猿

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Html5之web存储

Web存储 localStorage.lastname = "liu"; document.write(localStorage.lastname+""); /** * localStorage方法统计访问次数；没有时间限制的数据存储 */ if(localStorage.pagecount){ localStorage.pagecount = Number
复制链接

扫一扫