คุณใช้ window.postMessage ข้ามโดเมนได้อย่างไร?

Question 1

ดูเหมือนว่าจุดของwindow.postMessageคือการอนุญาตให้มีการสื่อสารที่ปลอดภัยระหว่าง windows / frames ที่โฮสต์บนโดเมนต่างๆ แต่ดูเหมือนจะไม่อนุญาตให้ใช้ใน Chrome

นี่คือสถานการณ์:

ฝัง <iframe> (พร้อมกับsrcโดเมน B ^* ) ในเพจบนโดเมน A
<iframe> จะกลายเป็นแท็ก <script> เป็นส่วนใหญ่ในตอนท้ายของการดำเนินการ ...
ฉันเรียก window.postMessage ( some_data , page_on_A )

ฉันได้รับข้อความแสดงข้อผิดพลาดนี้ใน Chrome:

ไม่สามารถโพสต์ข้อความเพื่อ ผู้รับมีต้นกำเนิดB

นี่คือรหัสที่ลงทะเบียนผู้ฟังเหตุการณ์ข้อความในหน้า A:

window.addEventListener(
  "message",
  function (event) {
    // Do something
  },
  false);

ฉันลองโทรwindow.postMessage(some_data, '*')แล้วด้วย แต่สิ่งที่ทำคือระงับข้อผิดพลาด

ฉันพลาดจุดนี้ไปหรือเปล่าคือ window.postMessage (... ) ไม่ได้มีไว้สำหรับสิ่งนี้? หรือฉันแค่ทำมันผิดอย่างร้ายแรง?

_{* ข้อความประเภท Mime / html ซึ่งจะต้องคงอยู่}

Question 2

นี่คือตัวอย่างที่ใช้งานได้บน Chrome 5.0.375.125

หน้า B (เนื้อหา iframe):

<html>
    <head></head>
    <body>
        <script>
            top.postMessage('hello', 'A');
        </script>
    </body>
</html>

สังเกตการใช้top.postMessageหรือparent.postMessageไม่window.postMessageที่นี่

หน้า A:

<html>
<head></head>
<body>
    <iframe src="B"></iframe>
    <script>
        window.addEventListener( "message",
          function (e) {
                if(e.origin !== 'B'){ return; } 
                alert(e.data);
          },
          false);
    </script>
</body>
</html>

A และ B ต้องเป็นอย่างนั้น http://domain.com

แก้ไข:

จากคำถามอื่นดูเหมือนว่าโดเมน (A และ B ที่นี่) ต้องมี/เพื่อpostMessageให้ทำงานได้อย่างถูกต้อง

Question 3

คุณควรโพสต์ข้อความจากเฟรมถึงพาเรนต์หลังจากโหลดแล้ว

สคริปต์กรอบ:

$(document).ready(function() {
    window.parent.postMessage("I'm loaded", "*");
});

และฟังในผู้ปกครอง:

function listenMessage(msg) {
    alert(msg);
}

if (window.addEventListener) {
    window.addEventListener("message", listenMessage, false);
} else {
    window.attachEvent("onmessage", listenMessage);
}

ใช้ลิงค์นี้เพื่อดูข้อมูลเพิ่มเติม: http://en.wikipedia.org/wiki/Web_Messaging

Question 4

คุณอาจพยายามส่งข้อมูลของคุณจาก mydomain.com ไปที่ www.mydomain.com หรือย้อนกลับโปรดทราบว่าคุณพลาด "www" http://mydomain.comและhttp://www.mydomain.comเป็นโดเมนที่แตกต่างกันกับ javascript