网站引导视频怎么做产品质量推广营销语
方式1：调用localStorage
在一个标签页里面使用 localStorage.setItem(key,value) 添加（修改、删除）内容；
在另一个标签页里面监听 storage 事件。
即可得到 localstorge 存储的值，实现不同标签页之间的通信
缺点：必须两个tab都打开
页面一：
<input id="name" /><input type="button" id="btn" value="提交" /><script type="text/javascript">let $ = (v) => document.querySelector(v)window.onload = function () {$('#btn').onclick = function () {var name = $('#name').valuelocalStorage.setItem('name', name)}}</script>
页面二：
window.onload = () => {window.addEventListener('storage', function (event) {console.log(event.key + '=' + event.newValue)})
}
方式二：调用cookie+setInterval()
将要传递的信息存储在cookie中，每隔一定时间读取cookie信息，即可随时获取要传递的信息。
缺点：一直有个定时器，且有时延
页面一：
<input id="name" /><input type="button" id="btn" value="提交" /><script type="text/javascript">let $ = (v) => document.querySelector(v)window.onload = function () {$('#btn').onclick = function () {var name = $('#name').valuedocument.cookie = 'name=' + name}}</script>
页面二：
window.onload = function () {function getCookie(key) {return JSON.parse('{"' +document.cookie.replace(/;\s+/gim, '","').replace(/=/gim, '":"') +'"}',)[key]}setInterval(function () {console.log('name=' + getCookie('name'))}, 10000)}
本文整理自：http://interview.poetries.top/