localStorage本地通讯

parent 页面 localhost:8080/index.html

name: <input id="input" type="text">
<br>
<button id="create">create</button>
<button id="clear">clear</button>
<script>
    var elCreate = document.querySelector('#create')
    var elClear = document.querySelector('#clear')
    var elInput = document.querySelector('#input')
    elCreate.addEventListener('click', function() {
        localStorage.setItem('name', elInput.value)
    })
    elClear.addEventListener('click', function() {
        localStorage.clear()
    })
</script>

child 页面 localhost:8080/child.html

<script>
window.addEventListener('storage', function(event) {
    console.log(event)
})
</script>

https://developer.mozilla.org/zh-CN/docs/Web/API/StorageEvent