时间戳

首页 > 解决方案 > HTML5 Scripting postmessage

javascript - HTML5 Scripting postmessage

问题描述

我需要更新下面 HTML 模板中的 javascript 来演示 postMessage。

这样做的目的是，我会将消息发送回我自己的窗口。

我需要用所需的代码填写 TODO 部分。

我不明白如何将 window.postmessage 更新为 2 级标题。

我还需要下面显示的 TODO 部分的帮助。

谢谢你。

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-  scale=1.0">

<title>Document</title>
</head>
<script>
function processMessage(message) {
console.log("postMessage:",   message);

window.postmessage()

}

function receiveMessage(event) {
    console.log("Origin:",  event.origin);

        window.addEventListener('message', function(e) {
var origin = e.originalEvent.origin   || e.origin;

if(origin !==   
'http://127.0.0.1:9898')
return;
console.log('received message:  ' + e.data, e);

}, false);

// (2) Remove the "message"  event listener
// TODO - YOUR CODE GOES HERE

}
}

// add event listener for postMessage
// TODO - YOUR CODE GOES HERE

// dispatch a postMessage to the main window
// TODO - YOUR CODE GOES HERE
</script>

<body>
<h1>Chapter 16 - HTML Scripting -  XDM (Cross Domain Messaging)</h1>
</body>

</html>

标签： javascripthtml

解决方案

推荐阅读