目录

localStorage

<script type="text/javascript" >
			let p = {
   name:'张三',age:18}
		// 保存一个数据
			function saveData(){
   
				localStorage.setItem('msg','hello!!!')
				localStorage.setItem('msg2',666)
				localStorage.setItem('person',JSON.stringify(p))
			}


			// 读取一个数据
			function readData(){
   
				console.log(localStorage.getItem('msg'))
				console.log(localStorage.getItem('msg2'))

				const result = localStorage.getItem('person')
				console.log(JSON.parse(result))

				// console.log(localStorage.getItem('msg3'))
			}

			// 删除一个数据
			function deleteData(){
   
				localStorage.removeItem('msg2')
			}


			// 清空一个数据
			function deleteAllData(){
   
				localStorage.clear()
			}
		</script>

sessionStorage

<script type="text/javascript" >
			let p = {
   name:'张三',age:18}
			// 保存一个数据
			function saveData(){
   
				sessionStorage.setItem('msg','hello!!!')
				sessionStorage.setItem('msg2',666)
				sessionStorage.setItem('person',JSON.stringify(p))
			}

			// 读取一个数据
			function readData(){
   
				console.log(sessionStorage.getItem('msg'))
				console.log(sessionStorage.getItem('msg2'))

				const result = sessionStorage.getItem('person')
				console.log(JSON.parse(result))

				// console.log(sessionStorage.getItem('msg3'))
			}


			// 删除一个数据
			function deleteData(){
   
				sessionStorage.removeItem('msg2')
			}


			// 清空一个数据
			function deleteAllData(){
   
				sessionStorage.clear()
			}
		</script>

两者区别

localStorage 浏览器关闭之后，数据打开还在

sessionStorage浏览器关闭之后，数据打开不在