2、本地存储

瓜娃子qaq

于 2019-11-11 10:18:32 发布

阅读量95

点赞数

分类专栏： JS 文章标签： JS本地存储

本文链接：https://blog.csdn.net/weixin_45699925/article/details/103005983

版权

JS 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

本地存储

将WEB页面中的数据存放到本地

当清除浏览器缓存的时候，均删除数据

localStorage

可以永久存放到本地，但是只要清除浏览器的缓存，即可删除数据

按照域名和端口号进行存放的

可以跨页面进行调用

1、如何存储数据

2、如何获取数据

3、如何清除数据

//1存放数据,在别的页面输出localStorage也能输出存放的数据
//按照域名和端口号进行存放
//比如常见的搜索历史记录等,是存放在本地的,长久的保存.
		localStorage.newsTitle = '新世纪';
		//2方法
		localStorage['author'] = '今日头条';
		//3方法
		var newContent = 'content1';
		localStorage.setItem('content', newContent);
		
		//1\取数据
		document.write('<h1>' + localStorage.newsTitle + '</h1>');
		//2\方法
		document.write('<h1>' + localStorage["author"] + '</h1>');
		//3\方法
		document.write('<h1>' + localStorage.getItem("content") + '</h1>');
		
		//删除数据  
		//按照网站为单位进行划分的
		//只清除1条数据
		localStorage.removeItem('author');
		
		//2\清除所有数据
		localStorage.clear();
		console.log(localStorage);

sessionStorage

本地存放的数据当次有效。只要关闭页面就会将数据清除掉

无法跨页面进行调用，但是刷新页面的时候还能够保存

因为sessionStorage和localStorage的区别较小，一般使用localStorage

1、如何存储数据

2、如何获取数据

3、如何清除数据

<!DOCTYPE html>
<html lang="cn">
<head>
	<meta charset="UTF-8">
	<title>瓜娃子</title>
</head>
<body>
	<script>
		//1存放数据,一旦窗口,则清除完数据
		//好处是在刷新页面的时候,还是有效的.
		sessionStorage.newsTitle = '新世纪';
		//2方法
		sessionStorage['author'] = '今日头条';
		//3方法
		var newContent = 'content1';
		sessionStorage.setItem('content', newContent);
		
		//1\取数据
		document.write('<h1>' + sessionStorage.newsTitle + '</h1>');
		//2\方法
		document.write('<h1>' + sessionStorage["author"] + '</h1>');
		//3\方法
		document.write('<h1>' + sessionStorage.getItem("content") + '</h1>');
		
		//删除数据
		//按照网站为单位进行划分的
		//只清除1条数据
		sessionStorage.removeItem('author');
		
		//2\清除所有数据
		sessionStorage.clear();
		console.log(sessionStorage);
	
	</script>
</body>
</html>

瓜娃子qaq

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
2、本地存储

本地存储将WEB页面中的数据存放到本地当清除浏览器缓存的时候，均删除数据localStorage可以永久存放到本地，但是只要清除浏览器的缓存，即可删除数据按照域名和端口号进行存放的可以跨页面进行调用1、如何存储数据2、如何获取数据3、如何清除数据//1存放数据,在别的页面输出localStorage也能输出存放的数据//按照域名和端口号进行存放//比如常见的搜索历史记录等,...
复制链接

扫一扫