如何实现浏览器内多个标签页之间的通信?

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

推荐阅读更多精彩内容