Skip to content

原生js 如何实现跨页面通信? #16

Open
@JslinSir

Description

@JslinSir

实现原理,监听 storage

 // 监听 storage 变化
          window.addEventListener('storage',   (e)=>{
            console.log('e:',e)
            if (e.key === 'xxxx') {
                const params = JSON.parse(e.newValue);
         
            }
        });

触发 storage,这里必须 window.localStorage.setItem 才生效

   window.localStorage.setItem('xxxx',JSON.stringify({
               name:'1111',
              age:'18'
            }))

Metadata

Metadata

Assignees

No one assigned

    Labels

    奇巧淫技开发中遇到的一些奇巧淫技

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions