localStorge通信

  • 必须为两个不同的页面
  • 旧数据为空或没有时,不会触发
  • 两次改变的数据相同,不会触发
    <!-- 页面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>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,969评论 19 139
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,422评论 25 708
  • 汉代刘向《说苑》一书,《建本》一卷,有一个小故事,甚好。 汉韩伯俞,梁人,性至孝。母教素严,每有小过,辄杖之。伯俞...
    窗花阅读 1,905评论 0 0
  • 我以为,想要干成一件事,那就得非常的认真,心无旁骛,从始至终。 所以,在大学学英语的时候,我上课不想听讲,因为脑子...
    走过也无风雨也无晴阅读 150评论 0 1
  • 《诗中的婚礼》 作者|南国月影 我不是诗人 只是我的心中 有一个 如诗的婚礼 白云绿水当天地 青山作高堂 雎鸠当伴...
    南国月影阅读 194评论 0 1