不同源客户端两个页面之间的跳转实现
在 10.11.888.32 服务器上的 index.html 代码
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>-window.postMessage() 跨域消息传递 </title>
</head>
<body>
<button id="send" > 发送音讯 </button>
<script>
window.onload = function() {var btn = document.getElementById('send');
btn.addEventListener('click', function (e) {var receiver = window.open('http://10.11.555.155/index.html');
e.preventDefault();
setTimeout(function(){receiver.postMessage("Hello", "http://10.11.555.155/index.html");
}, 1000);
});
}
</script>
</body>
</html>在 10.11.555.155 服务器上的 index.html 代码
window.addEventListener('message',receiveHandle, false)
function receiveHandle(event){console.log(event);
if(event.origin==="http://10.11.888.32"){alert('获取信息：'+ event.data);
}
}