39,085
社区成员
发帖
与我相关
我的任务
分享
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>widthPage</title>
</head>
<body>
<div>接受到的消息:
<strong id="message"></strong>
</div>
<div>
<iframe src="http://192.168.253.131:8080/ch01/postPage.html" />
</div>
<script>
window.addEventListener("message", proMessage);
function proMessage(message) {
alert(message.data);
if (message.origin == "http://192.168.253.131:8080") {
document.getElementById("message").textContent = message.data;
window.top.postMessage("收到", "http://192.168.253.131:8080");
}
}</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>postPage</title>
</head>
<body>
<input type="text" id="textMessage" />
<input type="button" id="sendbtn" value="Send" />
<strong id="message"></strong>
<script>
window.addEventListener("message", proMessage);
function proMessage(message) {
if (message.origin == "http://192.168.253.133:8080") {
document.getElementById("message").textContent = message.data;
}
}
document.getElementById("sendbtn").addEventListener("click", function () {
window.postMessage(document.getElementById("textMessage").value, "http://192.168.253.133:8080");
})
</script>
</body>
</html>