- 必须为两个不同的页面
- 旧数据为空或没有时,不会触发
- 两次改变的数据相同,不会触发
<!-- 页面A -->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>更改数据</title>
</head>
<body></body>
<script>
window.addEventListener('click',function(){
localStorage.setItem("key",1);
})
</script>
</html>
<!-- 页面B -->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>侦听数据更改</title>
</head>
<body></body>
<script>
window.addEventListener("storage",function(e){
console.log(e);
})
</script>
</html>