美文网首页
localStorge通信

localStorge通信

作者: 智多牛 | 来源:发表于2017-01-04 17:42 被阅读0次
  • 必须为两个不同的页面
  • 旧数据为空或没有时,不会触发
  • 两次改变的数据相同,不会触发
    <!-- 页面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>

相关文章

  • localStorge通信

    必须为两个不同的页面 旧数据为空或没有时,不会触发 两次改变的数据相同,不会触发

  • useStorage

    同步数据到Localstorge

  • Cookie、LocalStorge、SesstionStorg

    总括:详细讲述Cookie、LocalStorge、SesstionStorge的区别和用法。1. 各种存储方案的...

  • Javascript本地存储小结

    前言 总括:详细讲述Cookie,LocalStorge,SesstionStorge的区别和用法。 人生如画,岁...

  • localStorage和localstorge用法

    保存数据:sessionstorages.setltem(value,key); 读取数据:sessionstor...

  • 前端的本地缓存机制:Cookie,LocalStorge,Ses

    Cookie,LocalStorge,SessionStorge三者是前端最常用的本地缓存机制。参考:三者对比:前...

  • 前端面试题二

    1.cookie 是靠谱的浏览器都支持;localStorge 比 cookie 存的更多,获取更方便,而且存储内...

  • 第6章 vuex

    Vue不能实时监控LocalStorge中的数据,当需要在组件间共享状态时无法实现良好的效果。Vuex是一个专为 ...

  • http协议相关总结

    1、通信: 通信的三要素 = 通信主体+通信内容+通信方式(响应) 2、通信协议: (1)一般通信:通信双方要完成...

  • 07HTTP

    什么是通信 通信,就是信息的传递和交换。 通信三要素: 通信的主体 通信的内容 通信的方式 什么是通信协议 通信协...

网友评论

      本文标题: localStorge通信

      本文链接:https://www.haomeiwen.com/subject/gtfavttx.html