关于javascript:windowpostMessage

47次阅读

共计 693 个字符,预计需要花费 2 分钟才能阅读完成。

不同源客户端两个页面之间的跳转实现

在 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);
  }
}

正文完
 0