31:[{"id":"43f32238447a3c95d8572156652cba8111d3cf2477a6468614ffc310ed7ec82a0589e0df8dff2f16d66fef53efcd1c5613f3169d210dabe52bf6599fc0454a5d","href":"https://static.observableusercontent.com/files/43f32238447a3c95d8572156652cba8111d3cf2477a6468614ffc310ed7ec82a0589e0df8dff2f16d66fef53efcd1c5613f3169d210dabe52bf6599fc0454a5d","name":"page2.html","type":"text/html","lastModified":1636261921328.311,"size":757}] 2f:{"title":"Test Message Channel","cells":[{"id":0,"value":"# Test Message Channel","pinned":false,"hidden":false,"mode":"md"},{"id":20,"value":"Info https://developer.mozilla.org/en-US/docs/Web/API/Channel_Messaging_API","pinned":false,"hidden":false,"mode":"md"},{"id":5,"value":"foo = html`\n\n\n \n \n \n \n Channel messaging demo\n \n \n \n \n

Channel messaging demo

My body

\n \n \n\n\n\n`","pinned":true,"hidden":false,"mode":"ojs"},{"id":7,"value":"FileAttachment(\"page2.html\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":13,"value":"{\n var channel = new MessageChannel();\n var output = foo.querySelector('.output');\n var iframe = foo.querySelector('iframe');\n console.log(iframe)\n\n // Wait for the iframe to load\n iframe.addEventListener(\"load\", onLoad);\n \n function onLoad() {\n console.log(\"onload called\")\n // Listen for messages on port1\n channel.port1.onmessage = onMessage;\n // Transfer port2 to the iframe\n iframe.contentWindow.postMessage('Hello from the main page!', '*', [channel.port2]);\n }\n\n // Handle messages received on port1\n function onMessage(e) {\n output.innerHTML = e.data;\n }\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":25,"value":"theHTML = await FileAttachment(\"page2.html\").html()","pinned":true,"hidden":false,"mode":"ojs"},{"id":29,"value":"theHTML.documentElement.outerHTML","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}