

要用到俩个虚拟机:
- html>
- <html lang="en">
-
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>10.1title>
- head>
-
- <body>
- <div>
- <h1>www.s1mple.comh1>
- div>
- body>
- <script>
- window.addEventListener('message', (event) => {
- if (event.origin === 'http://www.s1mple1.com') {
- const cookieData = event.data;
- //处理cookieData
- console.log('Receive message from parent:', cookieData);
- window.parent.postMessage('child message', '*');
- }
- })
- script>
- html>
- html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>iframetitle>
- head>
- <body>
- <iframe id="myIframe" src="http://www.s1mple.com/" frameborder="0">iframe>
- body>
- <script>
- window.onload = function() {
- document.cookie = 'sessionid=example'
- const cookieData = document.cookie
- window.frames[0].postMessage(cookieData, 'http://www.s1mple.com/');
- }
- //添加一个监听事件处理子页面的返回消息
- window.addEventListener('message', (event) => {
- if(event.origin === 'http://www.s1mple.com')
- console.log('Received message from child:', event.data);
- })
- script>
- html>
