Skip to content

Instantly share code, notes, and snippets.

@FlorianRappl

FlorianRappl/csc-child-iframe.html Secret

Created November 18, 2019 23:24
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save FlorianRappl/c911b42daeef8f91e14cd36fc5cdf1d7 to your computer and use it in GitHub Desktop.
Save FlorianRappl/c911b42daeef8f91e14cd36fc5cdf1d7 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
csc-child-iframe.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Microfrontend</title>
</head>
<body>
<h1>Child</h1>
<p><button id="message_button">Send message to parent</button></p>
<div id="results"></div>
<script>
const results = document.querySelector("#results");
const messageButton = document.querySelector("#message_button");
function sendMessage(msg) {
window.parent.postMessage(msg, "*");
}
window.addEventListener("message", function(e) {
results.innerHTML = e.data;
});
messageButton.addEventListener("click", function(e) {
sendMessage(Math.random().toString());
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment