JavaScript storage 事件文档格式.docx
- 文档编号:16116720
- 上传时间:2022-11-20
- 格式:DOCX
- 页数:7
- 大小:15.12KB
JavaScript storage 事件文档格式.docx
《JavaScript storage 事件文档格式.docx》由会员分享,可在线阅读,更多相关《JavaScript storage 事件文档格式.docx(7页珍藏版)》请在冰豆网上搜索。
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
div{
width:
200px;
height:
50px;
color:
red;
margin:
0pxauto;
}
localStorage.setItem(&
quot;
name&
&
&
);
address&
青岛市南区&
url&
在谷歌开发者工具查看效果
上述代码会在localStorage中添加三条数据,谷歌开发者工具截图如下:
a:
3:
{s:
\&
pic\&
;
s:
43:
portal/201910/23/145442kzyhmb982g3m06z3.png\&
5:
thumb\&
0:
6:
remote\&
N;
}
下面为storage大事注册大事处理函数监听对localStorage的操作。
25
26
27
28
29
30
31
32
33
34
35
36
37
window.onload=()=>
{
letobt=document.getElementById(&
bt&
letodiv=document.getElementById(&
ant&
//storage大事处理函数
addEventListener(&
39;
storage&
function(e){
odiv.innerHTML=&
},false)
//click大事处理函数
obt.addEventListener(&
click&
age&
5);
预期效果是,点击按钮添加一条数据项,触发大事,将相应字符串写入div。
但是代码并未达到预期目的,分析如下:
(1).点击按钮通过setItem()办法新增一条数据,于是触发storage大事。
(2).但是实际运行效果却是,大事处理函数并未执行。
(3).由于在A页面向本地存储的数据操作大事,需要在同源的其他页面监听。
此大事的大事对象具有如下几个属性:
大事对象属性:
(1).key:
字符串类型,被修改、删除或者添加的键名。
(2).oldValue:
随意类型,被重写或者添加之前的value值。
(3).newValue:
随意类型,被重写或者修改的新值。
(4).url/uri:
字符串类型,触发大事的页面地址。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- JavaScript storage 事件
![提示](https://static.bdocx.com/images/bang_tan.gif)