解决localStorage、cookie、session跨域问题
以localStorage跨域为例:
当前页面在添加 iframe 链接需要同步的域名
<iframe src="http://www.XXXXXX.com" frameborder="0"></iframe>
当前页面,添加触点发通信事件
$('#obj').click(function(){ var data ='s'; //发送的数据 var url='http://www.mida.com'; //要跨域的域名地址 window.frames[0].postMessage(data,url); });
当前页面,可添加监听message事件
window.addEventListener('message', function(e){ var data = e.data; console.log(data); },false);
需要跨域的页面,添加监听message事件
window.addEventListener('message', function(e) { if (e.source != window.parent) return; //执行收到信息执行操作,比如添加localStorage数据,实现同步 console.log(e.data); // window.parent.postMessage('finished', '*'); //向父级页面发送返馈信息 }, false);