<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
// 同源策略
// 协议 域名 端口号一致 就可以访问其内容
// 如果其中一项不同就违背了同源策略 就访问不到 - 跨域
// 永久性存储
// window.localStorage
// 临时存储 当页面关闭时就失效
// window.sessionStorage
// 两个存储的方法一样
// setItem 设置当前值(key,value)
// getItem 获取存储在本地的数据(key)
// removeItem 删除某一个本地存储数据(key)
// clear 清空所有
// 遍历当前的loaclStorage 对象
// for (var i = 0; i < localStorage.length; i++) {
// console.log(localStorage.key(i), localStorage[localStorage.key(i)]);
// // localStorage[localStorage.key(i)]
// }
// 这个页面触发 存储事件
// - key : 修改或删除的key值,如果调用clear()时,该属性值为null
// - newValue: 新设置的值,如果调用removeItem()时,该属性值为null
// - oldValue : 调用改变前的value值;添加新项时,该属性值为null
// - storageArea : 当前的storage对象
// - url : 触发该存储变化脚本所在文档的URL(也就是说哪个页面修改的数据)
</script>
</body>
</html>
h5c3-day08(存储)
最新推荐文章于 2024-07-11 20:55:36 发布